\n
\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => ({\n itemConfigs: state.itemConfigs.configs,\n profile: state.login.auth && state.login.auth.profile,\n});\n\nconst mapDispatchToProps = (dispatch) => ({});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Homepageindex);\n","// import uuid from 'uuid/v4';\n\nconst API_URL = process.env.GATSBY_API_URL;\nconst ERP_API_URL = process.env.GATSBY_ERP_API;\nconst MARKETPLACE_API_ULR = process.env.GATSBY_MARKETPLACE_API;\nconst MARKETPLACE_DEV_API_ULR = `https://marketplaceapi.gildform.com`;\n\nexport const safeGetAuthFromState = (state) => {\n if (!!state.login.auth) {\n return state.login.auth.auth.accessToken;\n }\n return null;\n};\n\nexport const apiFetch = async (endpoint, options, apiToken) => {\n options = options === void 0 ? {} : options;\n if (apiToken !== void 0 && apiToken !== null) {\n if (options.headers === void 0) {\n options.headers = {};\n }\n options.headers = {\n ...options.headers,\n Authorization: `Bearer ${apiToken}`,\n };\n }\n const doFetch = async (retryNum) => {\n const response = await fetch(`${API_URL}${endpoint}`, options, apiToken);\n if (!response.ok && retryNum > 0) {\n return doFetch(retryNum - 1);\n }\n return response;\n };\n\n const response = await doFetch(1);\n if (!response.ok) {\n const e = new Error(\n `API responded with ${response.status}: ${response.statusText}`\n );\n e.status = response.status;\n e.response = response;\n throw e;\n }\n return response.json();\n};\n\nexport const createCart = (apiToken) =>\n apiFetch('/carts', { method: 'POST' }, apiToken);\n\nexport const uploadFile = async ({ id, file }, apiToken) => {\n let formData = new FormData();\n\n formData.append('id', id);\n formData.append('file', file);\n\n const response = await apiFetch(\n '/models/presigned',\n {\n method: 'POST',\n body: formData,\n },\n apiToken\n );\n\n let { url, fields, bucketKey } = response;\n\n formData = new FormData();\n\n for (let [key, value] of Object.entries(fields)) {\n formData.append(key, value);\n }\n\n formData.append('key', bucketKey);\n formData.append('file', file);\n\n const uploadOptions = {\n method: 'POST',\n mode: 'cors',\n body: formData,\n };\n\n const uploadResponse = await fetch(url, uploadOptions);\n\n if (!uploadResponse.ok) {\n throw new Error(\n `Failed to upload mesh to s3: responded with ${response.status}: ${response.statusText\n } `\n );\n }\n\n return { url, fields, bucketKey };\n};\n\nexport const deleteFromCart = (cartID, itemID, apiToken) =>\n apiFetch(\n `/carts/${cartID}/items/${itemID}`,\n {\n method: 'DELETE',\n },\n apiToken\n );\n\nexport const addToCart = (cartId, cartData, apiToken) => {\n const body = JSON.stringify({\n ...cartData,\n isCheckedOut: false,\n });\n return apiFetch(\n `/carts/${cartId}`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body,\n },\n apiToken\n );\n};\n\nexport const refreshCart = (cartID, apiToken) => {\n return apiFetch(`/carts/${cartID}`, { method: 'GET' }, apiToken);\n};\n\nexport const checkoutCart = async ({\n customer,\n tax,\n notes,\n shippingMethod,\n address,\n billing_address,\n shipTo,\n orderItems,\n apiToken,\n cartId,\n defaultCard,\n newCard,\n shippoOptions,\n shipping,\n matchedCode,\n}) => {\n // const formData = new FormData();\n // formData.append('customer', customer);\n // formData.append('tax', tax);\n // formData.append('notes', notes);\n // formData.append('shippingMethod', shippingMethod);\n // formData.append('address', address);\n // formData.append('orderItems', orderItems);\n // for (const orderItem of orderItems) {\n // for (const image of orderItem.laserImage) {\n // formData.append('images', image);\n // }\n // }\n // formData.append('apiToken', apiToken);\n // formData.append('cartId', cartId);\n // formData.append('defaultCard', defaultCard);\n // formData.append('newCard', newCard);\n // formData.append('shippoOptions', shippoOptions);\n // formData.append('shipping', shipping);\n const res = await apiFetch('/orders', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${apiToken}`,\n },\n body: JSON.stringify({\n customer,\n tax,\n notes,\n shippingMethod,\n address,\n billing_address,\n shipTo,\n orderItems,\n cartId,\n defaultCard,\n newCard,\n shippoOptions,\n shipping,\n matchedCode,\n }),\n // formData,\n });\n console.log('res ne api :>> ', res);\n return res;\n};\n\nexport const checkoutOfferCart = async (data) => {\n const res = apiFetch('/offers', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${data.apiToken}`,\n },\n body: JSON.stringify(data),\n });\n return res;\n};\n\nexport const getPrice = (price, authToken) => {\n return apiFetch('/pricing', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${authToken}`,\n },\n body: JSON.stringify(price),\n });\n};\n\nexport const getAuth0Token = (authToken) => {\n return apiFetch('/users-token', {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${authToken}`,\n },\n });\n};\n\nexport const getErpMembershipContent = async () => {\n const res = await fetch(`${ERP_API_URL}/memberships`, {\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n });\n const data = await res.json();\n return data;\n};\n\nexport const uploadLaserEngravingImages = async (images, id, dataTo) => {\n const formData = new FormData();\n for (const image of images) {\n if (image.generated) {\n formData.append('images', image.img.img);\n formData.append('generated', image.generated);\n formData.append('image_text', image.image_text);\n formData.append('email', dataTo.email);\n formData.append('name', dataTo.name);\n formData.append('userId', dataTo.userId);\n formData.append('type', dataTo.type);\n formData.append('test', dataTo.test);\n } else {\n formData.append('images', image);\n }\n }\n formData.append('orderItemId', id);\n\n const resData = await fetch(`${ERP_API_URL}/s3/upload-laser-engraving`, {\n method: 'POST', // *GET, POST, PUT, DELETE, etc.\n body: formData,\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n });\n const data = await resData.json();\n console.log('data uploadLaserEngravingImages:>> ', data);\n const genrt = images.find((ig) => ig.generated);\n\n if (genrt) {\n const dataToSend = {\n image_text: genrt.image_text,\n image: data ? (data.data[0] ? data.data[0] : '') : null,\n email: dataTo.email,\n name: dataTo.name,\n type: dataTo.type,\n userId: dataTo.userId,\n orderItem: id,\n };\n const rsd = await fetch(`${MARKETPLACE_API_ULR}/image-catalog`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(dataToSend),\n });\n const dd = await rsd.json();\n console.log('dd :>> ', dd);\n }\n return data;\n};\n\nexport const uploadGildformStoreProductImages = async (image) => {\n const formData = new FormData();\n formData.append('image', image);\n const resData = await fetch(\n `${ERP_API_URL}/s3/upload-gildform-store-product-image`,\n {\n method: 'POST',\n body: formData,\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n }\n );\n const data = await resData.json();\n\n return data;\n};\nexport const getTransactionsByCustomerId = async (id) => {\n const res = await fetch(`${ERP_API_URL}/transaction/customer/${id}`, {\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n });\n const data = await res.json();\n return data;\n};\n\nexport const sendEmailPasswordReset = async (data) => {\n const res = await fetch(`${ERP_API_URL}/mails/password-reset`, {\n method: 'POST', // *GET, POST, PUT, DELETE, etc.\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n },\n body: JSON.stringify(data),\n });\n return res;\n};\n\nexport const getGildformStatuses = async (id) => {\n const res = await fetch(`${ERP_API_URL}/setting-groups/${id}`, {\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n });\n const data = await res.json();\n return data;\n};\n\nexport const getUserPermissions = async (id) => {\n const res = await fetch(`${ERP_API_URL}/setting-groups/${id}`, {\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n });\n const data = await res.json();\n return data;\n};\n\nexport const getUserOffers = async (id) => {\n const res = await fetch(`${ERP_API_URL}/setting-groups/${id}`, {\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n });\n const data = await res.json();\n return data;\n};\n\nexport const getProductVariants = async (id) => {\n const res = await fetch(`${ERP_API_URL}/items?type=p`, {\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n });\n const data = await res.json();\n return data;\n};\n\nexport const getSettingsById = async (id) => {\n const res = await fetch(`${ERP_API_URL}/settings/${id}`, {\n headers: {\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n }\n });\n const data = await res.json();\n return data;\n};\n\nexport const getMarketplaceUser = async (userId) => {\n const res = await fetch(\n `${MARKETPLACE_API_ULR}/project/gildformUser/${userId}`\n );\n const data = await res.json();\n return data;\n};\n\nexport const getMarketplaceUserProjectItems = async (userId) => {\n const res = await fetch(\n `${MARKETPLACE_API_ULR}/project-items/user/auth0/${userId}`\n );\n const data = await res.json();\n return data;\n};\n\nexport const getPresignedUrlMarketplace = async (folder, fileName) => {\n const res = await fetch(\n `${MARKETPLACE_API_ULR}/project/item/${fileName}/meshes/${folder}`\n );\n const data = await res.json();\n return data;\n};\n\nexport const openConnectAccount = async (id) => {\n const res = await fetch(\n `${MARKETPLACE_API_ULR}/stripe/gildform/accLink/${id}`\n );\n const data = await res.json();\n return data;\n};\n\nexport const getConnectAccount = async (id) => {\n const res = await fetch(`${MARKETPLACE_API_ULR}/stripe/connect/${id}`);\n return res;\n};\n\nexport const getConnectAccountLink = async (id) => {\n const res = await fetch(`${MARKETPLACE_API_ULR}/stripe/account/link/${id}`);\n return res;\n};\n\nexport const generateAiImages = async (data) => {\n const res = await fetch(\n `${MARKETPLACE_DEV_API_ULR}/project-items/ai/txt-image`,\n {\n method: 'POST', // *GET, POST, PUT, DELETE, etc.\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(data),\n }\n );\n return res;\n};\n\nexport const brandForgeTextComplete = async (data) => {\n const res = await fetch(`${MARKETPLACE_API_ULR}/brandForge/completion`, {\n method: 'POST', // *GET, POST, PUT, DELETE, etc.\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(data),\n });\n return res;\n};\n\nexport const getUserBrandForgeMessages = async (userId) => {\n const res = await fetch(`${MARKETPLACE_API_ULR}/brandForge/user/${userId}`);\n return res;\n};\n\nexport const getCurrentMonthUserBrandForgeMessages = async (userId) => {\n const res = await fetch(\n `${MARKETPLACE_API_ULR}/brandForge/user/current/${userId}`\n );\n return res;\n};\n\nexport const getActiveUserBrandForgeMessages = async (userId) => {\n const res = await fetch(\n `${MARKETPLACE_API_ULR}/brandForge/active/user/${userId}`\n );\n return res;\n};\n\nexport const updateBrandForgeChatName = async (chatId, data, token) => {\n const chatNameUpdate = await fetch(\n `${MARKETPLACE_API_ULR}/brandForge/chat-name/edit/${chatId}`,\n {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify(data),\n }\n );\n\n return chatNameUpdate;\n};\n\nexport const deleteBrandForgeChat = async (chatId, token) => {\n const deleted = await fetch(\n `${MARKETPLACE_API_ULR}/brandForge/delete/chat/${chatId}`,\n {\n method: 'DELETE',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n }\n );\n\n return deleted;\n};\n\nexport const updateMarktCustomr = async (id, data2) => {\n const res = await fetch(`${MARKETPLACE_API_ULR}/user/delete/${id}`, {\n method: 'PUT', // *GET, POST, PUT, DELETE, etc.\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(data2),\n });\n return res;\n};\n\nexport const updateMarketSubs = async (data2) => {\n const res = await fetch(`${MARKETPLACE_API_ULR}/user/subscription/update`, {\n method: 'POST', // *GET, POST, PUT, DELETE, etc.\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(data2),\n });\n return res;\n};\n\nexport const getShippingOptions = (apiToken) =>\n apiFetch(`/shipping-methods`, undefined, apiToken);\n\nexport const getStatesByCountry = (id, apiToken) =>\n apiFetch(`/countries/${id}/states`, undefined, apiToken);\n\nexport const getAllAssyemblyOptions = (itemId) =>\n apiFetch(`/items/subitems/${itemId}`);\n\nexport const uploadItemImage = (itemId, image) => {\n const formData = new FormData();\n\n formData.append('image', image);\n\n return apiFetch(`/screenshot`, {\n method: 'POST',\n body: formData,\n });\n};\n\nexport const getStatus = (jobOrderID, apiToken) => {\n return apiFetch(`/orders/${jobOrderID}`, undefined, apiToken);\n};\n\nexport const getUser = (userID, apiToken) => {\n return apiFetch(`/users/${userID}`, undefined, apiToken);\n};\n\nexport const getOrderById = (id, apiToken) => {\n return apiFetch(`/orders/${id}`, undefined, apiToken);\n};\n\nexport const getOrdersByUserId = (userID, apiToken) => {\n return apiFetch(`/users/${userID}/orders`, undefined, apiToken);\n};\n\nexport const getAllCountries = (apiToken) =>\n apiFetch(`/countries`, undefined, apiToken);\n\nexport const getAllQuestions = (apiToken) =>\n apiFetch(`/questions/onboard`, undefined, apiToken);\n\nexport const getAnswer = (id, apiToken) =>\n apiFetch(`/answers/${id}`, undefined, apiToken);\n\nexport const getAllAnswers = (apiToken) =>\n apiFetch(`/answers`, undefined, apiToken);\n\nexport const getAnswersByQuestion = (id, apiToken) =>\n apiFetch(`/answers/question/${id}`, undefined, apiToken);\n\nexport const getAllRoadmaps = (apiToken) =>\n apiFetch(`/roadmap`, undefined, apiToken);\n\nexport const getAll3DModels = (apiToken) =>\n apiFetch(`/modelthreed`, undefined, apiToken);\n\nexport const getPresignedUrl = (folder, apiToken) =>\n apiFetch(`/meshes/${folder}`, undefined, apiToken);\n\n// export const getFonts = async () => {\n// const res = await fetch(`${ERP_API_URL}/settings/fonts`);\n// const data = await res.json();\n// return data;\n// };\n\nexport const createRoadmapActivity = (data, apiToken) => {\n const milestoneUpdate = apiFetch(`/roadmap-activities`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${apiToken}`,\n },\n body: JSON.stringify(data),\n });\n return milestoneUpdate;\n};\n\nexport const getShippmentRates = async (data, token) => {\n const rates = await apiFetch(`/addShipment`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify(data),\n });\n return rates;\n};\n\nexport const getPromotionCodes = async (token) => {\n const res = await fetch(`${ERP_API_URL}/manufacturers/promo/codes`, {\n method: 'GET', // *GET, POST, PUT, DELETE, etc.\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n },\n });\n const data = await res.json();\n return data;\n};\n\nexport const updaterpCustomr = async (id, data2) => {\n const res = await fetch(`${ERP_API_URL}/customers/${id}/is-inactive`, {\n method: 'PUT', // *GET, POST, PUT, DELETE, etc.\n headers: {\n 'Content-Type': 'application/json',\n // 'Authorization': 'Bearer gildform_access_token_3PMK4NJmRbKhdb53HzvRkq3iXevzFKfW'\n },\n body: JSON.stringify(data2),\n });\n const data = await res.json();\n return data;\n};\n\nexport const createUser = (auth0User, token) =>\n apiFetch(`/users/`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify(auth0User),\n });\n\nexport const createSubUser = (auth0User, token) =>\n apiFetch(`/users-sub/`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify(auth0User),\n });\n\nexport const getMembershipPlans = () => apiFetch(`/new-products`);\n\nexport const updateUser = (user, token) => {\n const userUpdate = apiFetch(`/users/${user.id}`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify(user),\n });\n return userUpdate;\n};\n\nexport const updateMembership = async (userID, newMembership, token) => {\n const membershipUpdate = await apiFetch(`/users/${userID}/subscription`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${token}`,\n },\n body: JSON.stringify(newMembership),\n });\n\n return membershipUpdate;\n};\n\nexport const updateBilling = (userID, stripeToken, authToken) =>\n apiFetch(`/users/${userID}/billing`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${authToken}`,\n },\n body: JSON.stringify({ token: stripeToken }),\n });\n\nexport const addNewCreditCard = async (userID, stripeToken, authToken) => {\n return await apiFetch(`/users/${userID}/source`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: `Bearer ${authToken}`,\n },\n body: JSON.stringify({ stripeToken: stripeToken }),\n });\n};\n\nexport const getUsersCarts = async (userID, authToken) => {\n userID = encodeURI(userID);\n\n const carts = await apiFetch(\n `/carts/users/${userID}`,\n {\n headers: {\n 'Content-Type': 'application/json',\n },\n },\n authToken\n );\n\n return carts;\n};\n\nexport const returnRequest = async (cartID, reason, authToken) => {\n return await apiFetch(\n `/return/${cartID}`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(reason),\n },\n authToken\n );\n};\n\n//To remove bc its old----\n// export const requestDesigner = async (data, files) => {\n// const reqId = uuid();\n// let filePromises = [];\n// if (files.length > 0) {\n// filePromises = files.map(async (file) => {\n// const fileName = `${reqId}/${file.path}`;\n\n// let formData = new FormData();\n// formData.append('fileName', reqId);\n// const response = await apiFetch('/designers/presigned', {\n// method: 'POST',\n// body: formData,\n// });\n\n// let { url, fields, bucketKey } = response;\n\n// formData = new FormData();\n\n// for (let [key, value] of Object.entries(fields)) {\n// formData.append(key, value);\n// }\n\n// formData.append('key', bucketKey);\n// formData.append('file', file);\n\n// let uploadOptions = {\n// method: 'POST',\n// mode: 'cors',\n// body: formData,\n// };\n\n// await fetch(url, uploadOptions);\n// return fileName;\n// });\n// }\n\n// data.file_locations = await Promise.all(filePromises);\n\n// return await apiFetch('/designers/request', {\n// method: 'POST',\n// headers: {\n// 'Content-Type': 'application/json',\n// },\n// body: JSON.stringify(data),\n// });\n// };\n","import {\n SET_ITEM_TYPE,\n SET_MATERIAL,\n SET_PLATING,\n SET_POLISH,\n SET_ASSEMBLY_OPTION,\n SET_LASER_ENGRAVING_OPTION,\n SET_VOLUME,\n SET_SURFACE_AREA,\n SET_DESCRIPTION,\n SET_QUANTITY,\n SET_SCREENSHOT,\n IS_FETCHING,\n SELECT_FIRST,\n REMOVE_SELECTION,\n CLEAR_SELECTIONS,\n UPLOAD_FILE,\n MODEL_LOADING,\n MODEL_LOADING_DONE,\n RESET,\n SET_MESH_LOCATION,\n REMOVE_ASSEMBLY_OPTION,\n REMOVE_LASER_ENGRAVING_OPTION,\n OPEN_MODAL_LIBRARY,\n SET_SELECTED_MODEL,\n MODEL_CHOSEN,\n SET_SORT_ITEM_TYPE,\n SET_MOST_POPULAR,\n SET_LOAD_PROCESS,\n SET_SELECTED_MARKETPLACE_MODEL,\n OPEN_CREDIT_CARD_CHECKOUT,\n SET_WIDTH,\n SET_HEIGHT,\n SET_LENGTH,\n SET_FILE_DIMENSION_ERRORS,\n NEW_ORDER,\n SET_WEIGHT,\n SET_SELECTED_PRODUCT,\n PRODUCT_CHOSEN,\n SET_FONT,\n SET_LASER_CUSTOM_TEXT,\n SET_LASER_IMAGE,\n SET_LIBRARY_PRODUCT,\n SET_ASSEMBLY_SUB_ITEMS,\n REMOVE_ASSEMBLY_SUB_ITEMS,\n UPLOAD_ASSEMBLY_FILE,\n SET_VOLUME_ASSEMBLY,\n SET_SURFACE_AREA_ASSEMBLY,\n SET_ASSEMBLY_STEP,\n SET_PRODUCT_SHOPIFY,\n REMOVE_FILE_DIMENSION_ERRORS\n} from '../../actionTypes';\n\nexport const setItemType = (itemType) => ({\n type: SET_ITEM_TYPE,\n itemType,\n});\n\nexport const setMaterial = (material) => ({\n type: SET_MATERIAL,\n material,\n});\n\nexport const setPlating = (plating) => ({\n type: SET_PLATING,\n plating,\n});\n\nexport const setPolish = (polish) => ({\n type: SET_POLISH,\n polish,\n});\n\nexport const setAssemblyOption = (assemblyOption) => ({\n type: SET_ASSEMBLY_OPTION,\n assemblyOption,\n});\n\nexport const removeAssemblyOption = () => ({\n type: REMOVE_ASSEMBLY_OPTION,\n});\n\nexport const setAssemblySubItems = (assemblySubItems) => ({\n type: SET_ASSEMBLY_SUB_ITEMS,\n assemblySubItems,\n});\n\nexport const removeAssemblySubItems = () => ({\n type: REMOVE_ASSEMBLY_SUB_ITEMS,\n});\n\nexport const setLaserEngravingOption = (laserEngravingOption) => ({\n type: SET_LASER_ENGRAVING_OPTION,\n laserEngravingOption,\n});\n\nexport const setLibraryProduct = (libraryProduct) => ({\n type: SET_LIBRARY_PRODUCT,\n libraryProduct,\n});\n\nexport const removeLaserEngravingOption = () => ({\n type: REMOVE_LASER_ENGRAVING_OPTION,\n});\n\nexport const setFontLaser = (laserFont) => ({\n type: SET_FONT,\n laserFont,\n});\n\nexport const setLaserCustomText = (laserCustomText) => {\n return {\n type: SET_LASER_CUSTOM_TEXT,\n laserCustomText,\n };\n};\n\nexport const setLaserImage = (laserImage) => ({\n type: SET_LASER_IMAGE,\n laserImage,\n});\n\nexport const removeSelection = (name) => ({\n type: REMOVE_SELECTION,\n name,\n});\n\nexport const clearSelections = () => ({\n type: CLEAR_SELECTIONS,\n});\n\nexport const setVolume = (volume) => ({\n type: SET_VOLUME,\n volume,\n});\n\nexport const setSurfaceArea = (surfaceArea) => ({\n type: SET_SURFACE_AREA,\n surfaceArea,\n});\n\nexport const setWeight = (weight) => ({\n type: SET_WEIGHT,\n weight,\n});\n\nexport const setWidth = (payload) => ({\n type: SET_WIDTH,\n payload,\n});\n\nexport const setHeight = (payload) => ({\n type: SET_HEIGHT,\n payload,\n});\n\nexport const setLength = (payload) => ({\n type: SET_LENGTH,\n payload,\n});\n\nexport const setDescription = (description) => ({\n type: SET_DESCRIPTION,\n description,\n});\n\nexport const setQuantity = (quantity) => ({\n type: SET_QUANTITY,\n quantity,\n});\n\nexport const setImageScreenShot = (screenshot) => ({\n type: SET_SCREENSHOT,\n screenshot,\n});\n\nexport const setOptions = (name, options) => ({\n type: SET_OPTIONS,\n name,\n options,\n});\n\nexport const selectFirst = () => ({\n type: SELECT_FIRST,\n});\n\nexport const setMeshLocation = (payload) => ({\n type: SET_MESH_LOCATION,\n payload,\n});\n\nexport const isFetching = () => ({\n type: IS_FETCHING,\n});\n\nexport const uploadFile = (name, file) => ({\n type: UPLOAD_FILE,\n file,\n name,\n isFetching,\n});\n\nexport const uploadAssemblyFile = (name, file) => ({\n type: UPLOAD_ASSEMBLY_FILE,\n file,\n name,\n});\n\nexport const setVolumeAssembly = (volume) => ({\n type: SET_VOLUME_ASSEMBLY,\n volume,\n});\n\nexport const setSurfaceAreaAssembly = (surfaceArea) => ({\n type: SET_SURFACE_AREA_ASSEMBLY,\n surfaceArea,\n});\n\nexport const setAssemblyStep = (data) => ({\n type: SET_ASSEMBLY_STEP,\n data,\n});\n\nexport const modelIsLoading = () => ({\n type: MODEL_LOADING,\n});\n\nexport const modelIsDoneLoading = () => ({\n type: MODEL_LOADING_DONE,\n});\n\nexport const setFileDimensionError = (payload) => ({\n type: SET_FILE_DIMENSION_ERRORS,\n payload,\n});\n\nexport const removeFileDimensionError = () => ({\n type: REMOVE_FILE_DIMENSION_ERRORS,\n});\n\nexport const resetCreate = () => ({\n type: RESET,\n});\n\nexport const openModalLibrary = (payload) => ({\n type: OPEN_MODAL_LIBRARY,\n payload,\n});\n\nexport const openCreditCardCheckout = (payload) => ({\n type: OPEN_CREDIT_CARD_CHECKOUT,\n payload,\n});\n\nexport const setSelected3dModel = (payload) => ({\n type: SET_SELECTED_MODEL,\n payload,\n});\n\nexport const setSelectedMarket3dModel = (payload) => ({\n type: SET_SELECTED_MARKETPLACE_MODEL,\n payload,\n});\n\nexport const setSelectedProduct = (payload) => ({\n type: SET_SELECTED_PRODUCT,\n payload,\n});\n\nexport const setSortItemType = (payload) => ({\n type: SET_SORT_ITEM_TYPE,\n payload,\n});\n\nexport const isModelChosen = (payload) => ({\n type: MODEL_CHOSEN,\n payload,\n});\n\nexport const isProductChosen = (payload) => ({\n type: PRODUCT_CHOSEN,\n payload,\n});\n\nexport const setMostPopular = (payload) => ({\n type: SET_MOST_POPULAR,\n payload,\n});\n\nexport const setLoadingProcess = (payload) => ({\n type: SET_LOAD_PROCESS,\n payload,\n});\n\nexport const setNewOrder = (payload) => ({\n type: NEW_ORDER,\n payload,\n});\n\nexport const setAddedShopify = (payload) => ({\n type: SET_PRODUCT_SHOPIFY,\n payload,\n});\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n withPrefix,\n withAssetPrefix,\n navigate,\n push,\n replace,\n navigateTo,\n parsePath,\n} from \"gatsby-link\"\nimport PageRenderer from \"./public-page-renderer\"\n\nconst StaticQueryContext = React.createContext({})\n\nconst StaticQuery = props => (\n \n
\n \n
\n \n
\n \n {hero_section.title}\n
\n \n
\n \n
\n \n 
\n
\n \n \n
\n \n 
\n
\n \n {width > 992 ? (\n
\n \n PARTNERS AND CREATORS\n
\n ) : (\n \n {customer_brands.map((brand, index) => (\n
\n \n 
\n
\n ))}\n \n \n PARTNERS AND CREATORS\n
\n )}\n \n \n {customer_brands.map((brand, index) => (\n \n
\n \n \n
\n ))}\n \n \n { }}\n prevIcon={''}\n nextIcon={''}\n >\n {how_it_works &&\n how_it_works.step_content.map((item, index) => {\n return (\n \n \n );\n })}\n \n
\n \n
\n \n {how_it_works.title}\n
\n \n
\n \n
\n \n 
\n
\n \n \n
\n \n STEP {index + 1}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {\n setIndex(\n index === 0\n ? how_it_works.step_content.length - 1\n : index - 1\n );\n }}\n >\n \n \n {\n setIndex(\n index === how_it_works.step_content.length - 1\n ? 0\n : index + 1\n );\n }}\n >\n \n \n
\n \n
\n \n
\n \n {jewelry_designs.title}\n
\n \n
\n \n \n {jewelry_designs.card.map((card, index) => (\n \n
\n \n
\n ))}\n \n 
\n
\n \n \n
\n {produce_now &&\n produce_now.map((content, index) => (\n \n
\n \n {all_in_one.title}\n
\n \n
\n \n
\n \n 
\n
\n \n \n
\n \n FAQ\n
\n \n {faq.faq_items.map((faqItem, index) => (\n
\n ))}\n \n {\n setOpenToggle(\n { id: index, toggle: !toggle.toggle },\n testToggle,\n setTestToggle\n );\n }}\n >\n \n {faqItem.title}\n \n {!isToggleOpen(index, testToggle) ? (\n \n ) : (\n \n )}\n
\n \n
\n \n
\n Loading (StaticQuery)
\n }\n }}\n \n {secondaryButtons &&\n secondaryButtons.map((button, index) => (\n \n {button.title}\n \n ))}\n
\n \n {primaryButtons &&\n primaryButtons.map((button, index) => (\n \n {button.isLoading ? (\n \n ) : (\n button.title\n )}\n \n ))}\n
\n \n ) : (\n <>\n {dangerButtons &&\n dangerButtons.map((button, index) => (\n \n ))}\n {secondaryButtons &&\n secondaryButtons.map((button, index) => (\n Discount Code
\n \n {\n props.setPromoCode(e.target.value);\n }}\n />\n
\n \n {props.promoCode && (\n \n Discount code is not valid!\n
\n ) : (\n <>\n {props.restrictionCoupon ? (\n props.applyDis ? (\n \n {props.matchedCode.coupon.percent_off\n ? `${props.matchedCode.coupon.percent_off}% `\n : `${props.matchedCode.coupon.amount_off / 100}$ `}\n discount is applied!\n {props.matchedCode.coupon.percent_off == 100 && (\n
\n ) : (\n A minimum amount of $0.50 will be applied to your card.
\n )}\n \n coupon not applied: minimum of{' '}\n {props.matchedCode.restrictions.minimum_amount} order value\n was not met!\n
\n )\n ) : (\n \n {props.matchedCode.coupon.percent_off\n ? `${props.matchedCode.coupon.percent_off}% `\n : `${props.matchedCode.coupon.amount_off / 100}$ `}\n discount is applied!\n {props.matchedCode.coupon.percent_off == 100 && (\n
\n )}\n \n )}\n \n )}\n \n );\n};\n\nexport default DiscountCode;\n","import React, { useEffect } from 'react';\nimport jwtDecode from 'jwt-decode';\nimport { connect } from 'react-redux';\n\nimport { retrieveUser } from '../../state/login/thunks';\nimport { ShowLock } from '../../utils/auth0';\nimport { logout } from '../../state/login/action';\nimport { navigate } from '@reach/router';\n\nconst CheckJwt = (props) => {\n if (props.token) {\n const jwt = jwtDecode(props.token);\n const checkExpiry1 = jwt.exp < new Date() / 1000;\n // const checkExpiry2 = jwt.exp * 1000 < Date.now();\n\n if (checkExpiry1) {\n props.logout();\n ShowLock();\n }\n }\n\n useEffect(() => {\n if (window === void 0) {\n return;\n }\n // if (props.profile && props.profile.sub) {\n // props.getUser(props.profile.sub).catch((e) => {\n // if (!props.onCreate && e.status === 404) {\n // navigate(`/create`);\n // }\n // });\n // }\n }, []);\n\n return <>{props.children};\n};\n\nconst mapStateToProps = (state) => ({\n isAuthenticated: state.login.isAuthenticated,\n token: state.login.auth && state.login.auth.auth.accessToken,\n lastChecked: state.login.lastChecked,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n logout: () => dispatch(logout()),\n getUser: (userID) => dispatch(retrieveUser(userID)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CheckJwt);\n","module.exports = __webpack_public_path__ + \"static/noimage-0383a250e987fe737edbf2518f208bc7.jpg\";","import React from 'react';\n\nexport default ({ msg, format }) => (\n A minimum amount of $0.50 will be applied to your card.
\n )}\n \n \n
\n);\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAYAAAAc0MJxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABZkSURBVHgBzVwJeFzVdT7nvpHk3ZIlYxvJmhlJNrbZF5e1iWmABELD1wANKdsXSIAPCAk7NGyBGGgTtlJo2JIAgZY0ZSsFQ/ACpU5YDNgGg21Jo5Fk2bFlS7Ksfeae/ufN2J6R3sy8kSXH5/ukee/d+86999yznzvDtJehpKRkcsmkSSewmCphe6hhs58VmYmmyUxkSfCnwGTF/aA2cv+kmcR8SGzrAl1dH65tbe2kvQhMewGqZ848SNj5tjF0oghVMdOnJPIOBt8kxnQaa+Nxy5PYcCloVaTvWOYeY7k1TvFeRwR0NfiQ2UzmRMz6UBDuCxJeZB1+IRKJRGmUYdQIFQ6Hp4EAlwjxuUyyFQM9Bw75Ih6PFzmBwIngnJPQ7UD8FfnBh/e7wGIrgGulkLxCzEWGKISWH2CMGEj7wrbt259oa2vroFGAESdUVXn5bAoU3oAFLQD3PEksq4zwXwtTEM2HgivmMLOhPQMQQzrBXe/gc3PM0psBI0eCYJdgQYsdG791bVNTC40gjBihampqKmggdg245huG6TEisxkSdS2IUoxnBehSSaMBQqvx38GGqPg9AXHcD5tyIxO/1hvr/+mGDRu20gjAHhNqxowZ48YXFV0KNXI5SfwJEbMF/HIPKdeI3YxdDmOQcTSKAC5tx4a04DMEAtVh6H+yYqfi2RXQbvfXNzT8G+0h7BGhZs6cWV1ozGOY3Lq48FLDcjMeHw4OirKQAfaZtHehARzm6LiYw+sOmV/BiH4T9+Vx5kv2ROkPW1dUhUKXFRrnVWF+DvQugDX/DR4fju39HNSf/BcgkkIIIgj1KGswh9Ms2ectQ59Z/q2x8lJ1KHQhDRPy5igVtXEFRffB8swWsT+F1X4Gj4Nuo8BkM+9PSqi/JDA3YS6FuJrm3hKtgYN2A57fCvF8NRKN3k15Ql6EmldRMaXPCTwFvbMB5hi7xvfh8ZgkprVg+zCuCmlfAJENZFgdWJezIYqbMN9fQBTnguli3QN912zcuLHbLzrfogerNrXPcV4ARVZg2H4M+ggliYRd6sLHWNpXiKTAXA4fv5dcV8LliOmY6T/jeR3Ec/u4wqLnysrKJvpF54tQykkSi70CffR/uJ2GQa9OnxMrN42O+d8TYJqFuUZSnsDeEMTObGexayePm/CkqhI/qHwRCuL2LJj4TXBRCXblykGTUUtyOO2jgMBxNj7q0p/KXQipVAo2Qd8+crb6YTkgJ6FqQqF7QaAvwE0FkLGrBjV3gpN20F6KGYcDKT6cTW+ROyEKzcwy8aNg8MZceLISqiYYvMIKH4TofgsQ/8RjFtBXbrw2YgB9B73LraI+EVE9/v6MhzHaM6gEvmUeo90L3C8jxDqnOhj8u2wIMnLCrGBwriV+Fl7JfWzlcVB/QtoQIt3QTbqASbRnoMZhCVv7dsxxVpWWlm5dsWLFwKA+HAqF1OUIsQhSNHwKwqTjsPhS8g+N+FMLOHjN2zH+qZCaJ6kgcEptbW2z18uZCMVVlaH3Ea3f7xhaiPuqwR2w7x8iXTKfhgHwwTYiJnvMGnq6AZDaVl5eXjo2EKiMW6sWSQLWdko8vqF206Ytg+cILvgGPm7A9Vcpt/iLm5ohnjekgel9bNRzxObEumgDVBbFB/fxRI4JXA+sQcRvE7BzF2YYdRVePoTygx6x9JPO3q4ntmzZorqNqioqDoZi/Vvkqk4H8Q8Bl473HA8cbAyvxZzeiMcH3iqdNm35Ts4Ll4cPNY59Clx/ZLbBMecvMec5GVrvwr8DwbEv1zY2Pju4dQihZldUlMeNswxUvsdlR48+rvMmsgMTqyH/sMzG+UeR5sgqxVlTWXkmCHQZsH2NhgPM68XKI3GW30Wj0Y36qGpm6DJo3dsTPtNQUL2HthnknQNrR3h6HlP8wYJY7JgvB2UdhhAB8dBvoLzfc4TPB7G+4jlgnmKHCT5QH224Vi9nh8OHxi3BWZXjaWRgE3AtrItG/1VvZlVWVkG3vum5iSKtsN6tmbgKKuENkORLpD2aa6PR+1Pb0qweFCaUJZ0AK+BkIpICiDSefALwXA4iXaOXCKSvjln5ZASJpADu4Yerg6GlVVVVlesbG+v7bPwQjLuKhk68DJLQmgkR1n4y1vY+QrQf1kyfPjW1Lc3RKi0ufgw89itc3oK/YsoMmvDPaXGslSsjjdFHcRmA3tN0zM08ej5XCPmvC0uKiz9z2PkWBjnXqxM4qhttZZ4YEpnXuZCYlzjg1Gzr6PjjzqZdHKWxHHjvaGj/uDtodhDKCXxfpCmq8aCprgyC+Px9GmXARkzRzCa44t6MfUQCOdAcCIlaDq66CjTZpct2cVTJxIk3w6IsAVXVyuXIJUkDhtw/YyvRSojbmXoNnYfsIl9Eew+ycywbzaXvlwPDWOirNRSPT2zr6Fipj3brKOYzYEHW4eq4bDhcz5lNUZb2bjF8BiV00vdAtUspF8Dz1vdwtR15kbugKxA2kVqdPhphQFavy0e3M1AqexVWcNcGu2yI0tIBMLXdqACcmUum4Oeo8mHV6F4AJbpQU65VM2ZUYsH3efZBxg94NuOyH3erEdPH4P2r5z8FLN6IOUwR9ZiFPod/1W6tShUdpKlLzEC5vYCGCRh7fKa5py4T65iGbtODweAMdT9cQpmYPU8ceMrCt/nQtFgjB7wIimdtUJaPujgLi+7AfcmgLh2YaS0WPQVoujSvhZeOITUMycmDXR9Fe8BV+kxhJQ2c3giuO6AaitGhAb0G0F+Nzf6UJ4hLAx/A9F10fjlA5mTcPWOSDxeYhH8R8oNDMmwJVrYQEUk7nMl52LnzU95A/CTIZfEA1n0Yqg7bMF9N0x4BVGnWE1z4Cfo0pY/nEuwwXE7BIJ14Zw4IriX3T5Mi6xsw85wplSQsQGZhFTKip+tNoAJJOXxW2bhUsW/DLWM9HnZSwLiuv7DR+FC5rhdEQWWXqxO+k5IYKRsRlMTZ0/pAqA/hnenloaABeIUbPjEfhn4VQIhgV8VYZpGPXD0IXuB3ncjL9KDvsaQmYAwXHAVO+AhbeTL5Btns8XBxXV3dZpjUSZjNSfhrhk6phfUAJ0jCb2FaTxpCMGc00VjD55KI9DPBfsAdAs7Pk/fIrMpRlNB52ykHYOE+XJskWPobDdfCFeGDjTW2BrZvKXa+yu/72E1l+960Z2Kfd3EPDJwlmugjVw8dRDvjKq3QiOvoZXNkyS2556gqa/UZbIv8PDenvKgc1YvP+izIY+TzrIM7juG50JAfOI49GEaFj0Js14iVH+AXARasUXZabX+AwZUJQCJP5mExqblo2C1up6HKfQgYDXazc1RyFQTCyGAO2g/jID2jYZLHtJm2Si4fKh2OMmQ/hpGbZSCz+yP7olbfd0UGg2ms151yvxImNJnE5+8OSZUwxMnVS75wH8b+zykUJ/2tVJgKjg5qSmVwZ2yCZg/Gkn9QndgLcakx0CFlNsBxyhNSicGuyXaD6unJNEYagEgTB3FYRsDGrfbFUYnOeiBjSJDLKvZ6OE3SrGefzoPyBeYd4KFiEJknFORH5eQcRZV2XRJZbfKxp/hi4j3kHzMcS5/leDUKVuLeTdhIg0QhuVUiBU36zaF8wao+lnKjJiAmnE/ueedMSsHLKn5gArtUH8FBCXv07FO1SD4BC1wNQq312x8Orm6ytyUTms27C6CF+aiXFBzqTYQCeqgLvtuY4WQ/UOtrc7io2kpPtYtTzAAyhGvILW3RAB4UQY1fz8YUCNvbSC2OqF/qLm4HVoeUh8sROr4q2W4Q/z7kyIvhi/0YBkONQCBxlhMWC0jQPgbP9ZhiD+jfIxK/xpA5HiJ4CSkhBB68+j8k2DeeqIly+GZhvPAA7vPmKHgFBYbNuIAbt4G3hnWuxVBHv+05CK9uc+8lVga6I9fulta7sJAYOfYocXeca7Ap/eLGa27yXs10Be5AExNnNwOihLUHuYQlergYWcueefN47NixgZaWhJEdP358fPLkybajo8P09vaa5uZmFevF8N/u0fZYLJbccSZECRZFkvcckjAWOCEfFyoF3DxAwPUWjOkZUh/0hYKm4uXnsNZz3FtwUtIiKhQnJIKvBwlacFnkEiIF3BUpYyu1dj+9CrdFYLvrUccaoDVr9GF/jplYlJk8Mw0gDp6btxCOfDIcOiGLEBcE5hA9FQW7dRhIBqDlyvG+srerm4Cs1Q7FU0D5yXWDy98styC9e12uznq2QDx0I8pOGjBj93maVr2g9DVUi2WLCrwg5pDKfiSA/I8SaQfnr6MQb5FbHoJIVegnakcRr4gT4Ws/+wywwHUzU1yJXLGbblYUqKdl7MFJB5MRb4ooe86jPAAZ3wB0Q5tB0mEDD+O4Dia3u5qbOFCvi9TE38DQvnpOSXaQL7wMc54lDEntS7SZXQ99SIP6YeLxPA83Zdd8VKm2qQrfZDWZRfkIn7RISsgDZHpihMLR6BYg+RiXg4PmavRZT/6ggnzGnZIIgtPDIo3nhPRbDR4szBPySctoQAwtUKJpYegqWe2QUdH5knwDd6RNUPjwadOmjV8GkdavZCQGSPOFHNzXaEbBB/IWX565uNmDwVHAWj2hQpkPjoTQvpp8AtbyBURuPvyL1YYdZy0mtkCTYH4RgNQTBj0IjCsc51Z84c+8paV2dhWse/BsJyB8YK3otufAPs1HrNdOCVu/MxOhFk+jBM1OhLK8V8R5ONcYYg0GOcaheJ0p6elZ7uaj2etYTCbw0DfGnuR+xOOvJp8UMtm5ylmiR3cSI2t1WTk38xd+wHU5OErFekMyhaObth5qQIud6vTmJgLLAPkEFO6WIo6ddP7FF68xK/TAJ9NnnEiD+APmoQqb+Ft6cq22qUl3dgm5a9A6Gx3gGotEnkjF8Rj1BTmTqMOCuplLryaXa9wEnXJco5b2haU0n/J+Hra9X4zRnP7KO+64wyb8cZG3xVq1XJ/7QKCOtuMxgeBHlZXfdm/i9PNBzSUggCpo1SlrXOcTg2KBH1BCFFMIL/Voi+6+dZNtqrdWumELWVRn5M+4L1MCadGT8gDxb7SWIBd1MqTit3rjOl+IrV5hp+B5sOX/aFIuBwJ2Yy6PrUEq4iZ8/Gddc8OimmAYNXw5elAXze8k/Rjkuq0rgu9rQg0sXorPYhDjVkQKZSDGD9yYjWE4EKshep8MypahfS6eOflHpgkQzTH66sgv4t9NtrPzVr11CVXf3Ly+KhhS8XiXEwezMr8PSCS/vIbjI2YHg6eti0ZfR7B6BaKjDykzt1cCkau0E6GM2gHqQ1x7FgiowfCxnIgHOZUN/DqumYA9DokNBiwRqUzphuJfX5/8WltKKCxPY6p/hYvlWQdyc6GZK8WYxcNI4I2pa2zUI4e3k39QCoyhRBbgMkpUYvaMKh4gHg7x0JmYf8fA3wR1frnz0W5COc5TKDSeDyo+kAsPQpLeLKNUwZd1dVRdNLoQCvcPtA8BU5ZwJwkoJDwLis6fGQq9tuvZzov6+voOJFxeAf/PzeXwgaeyphoQ0V5ZXRm+gDSd09+rx28+ob0KroXNpLSzih7EbjEM2wlY5RPLli3bdRo5PQtlzANglwuM2FuyDKTil4WjdnaSx8Ph8Ff0kCoXBL4OdItpLwA45vmOri6tKkt4ZlgPw6WnuUXasrwuDjsPsH69d8f2X6Y2pJl5/T5uyeQSmHI9oODSMJgB4VaIVGmO1GoAluysksmTPqiLRD5r6+h4tnTypCJQWX2evFIdPiGKeX8P6ZW7u7u7+6uD4evA+I8ns6kuqHsBImynDNkGtP8XLKvWI5fVbdq4NLVtyEL1sAaQnWNtXPVMpsprNQbbTLlhIhTj76uDwevOprNNbWPjzTBhJ3I+4VJOkA1QF3fut/+MuXUNDS/PKZ9TWhXUg2vQk4POxhvDqPBItTcebsWa/gPz+3rR+LEPDW4d4ji2t7d3gQtQy3JOw0vvAIHXealA8vcIctb6E+cI+JSW4o1zx00YvyTa1LRuevn+vx7o60UZ31RhG8t5eDb/Y2TU7+wZ6P9+U3PzH4499ljp7+q6KM6xl4Eu0xlR5K68MxPg/p/pGTFM+OF169ev8ljHUDjyyCML2ra0vogdeB23l0LMvIqXf8Lf0ZSHCQeebUjvPAAd8lBr8gce9ICqE4+foF/aRvvx+JzBKeKSeE+/JUEtWMjHKB+9bWN970ZaWtzsxLx58wp7u7vPhEN6gxZPswwPvSoRTHeux8QWg9P+GxmC+bXRyHleL2dcZNWMqkoujC/CpC/CAt4iN/pPg+2YWEvmA+5ZwD3GbF5hG3uwrqlJw6Y0w3FsRcXYTQUFkxJdpQNFgsHGg2uCwcNges+DhT1H/J2T0qTibI/nDSz2KsznF72xgeMyfas9KzdUh0LnYAk3oNdD+Py1R38NgKtpj4CRLbBvwi58ilrmWgSi61FJ2Y4Ki+sYFhUVFTqOM9mImRUwUoO44GDMQo8+Ts9jEMWlRdo0btIvZMJ3vArB+5XA+Y/QcYsyzpJyQFUodDsWMQeLWZX4UmDaSOpnNOT5DYa9DqLBt+jRxrSfFdAq1M0Q6QVoe6OuseFfsuHIWc2rbGhYiFpbP3TAVCC9I61RKxpsNlGyGruPAkJ4mTKISKovr4a+rNYD+LmIpJCTUMuQ3t3R13M58uoV1qrzJrcOmodaxTraNwFpGV6eyvGSOGv7YxBJn/UePn/+XX4Q+bZYB5QdMDE2vu9p0l+qENmKssrCnb+xAiTbrPtbKRykfQo0r87llJoyNvxDcNgCiOOO4tLSKz2+G+gJvgvpa1vXdnb3950HXTUOldMDwNDXaTXGnQ7RFOgvR/we19kbIPKZJJJ6xcn7VtTE/x5q5B/gCmxAwHuFXyIpDCuNAQV/E3blTNRQbxOK3827/Bc9s8kT/UToowmJ6rGgQs3JlLIsilt+0GF5xLK5JxKNPEV5gt+jxGnQ1t7+XklxcZfRfBNcB3DTl5jYERBFraDAkdTvIHPOY4ijAeDqzeIeLnYP7rdDJdxqyGiR9xor5pJIY+RlGgYMi1AKCHJXT5la9hpSEgg+eYxj6GewJGNBuKOSZaluSfwc24gn3zKBVpKgqcOkFo7pd9baux02F+C6wBq+AJy0hoYJI7KIcDB4sRG+ETN9VvSnSISuRRSutb130XwqjT5ogL4D4xVboc/AUD9H3v10zOOr4K0ba5sir9Iewp7+MpgLkWj0qUD3Dj2wgRQxI2qnF7G7Z0EONPvQmFCsuXPVwwDFqemQHRhjCcTsAhDrEzjIj2rVhjq3Hz0SRFIYcbGomV4zVYriP4K2OBci+TaI9aYYmZI4B85fw+fB+R698YAtmHgLuGcpSkrLLXMcY50NsTtaf36gs6vrmdYR/lXFUdMfWmCAAvwOCHWhFjWRZ/89LOX/xoU3Og6dgpGPhgE4Egus9DUPoSb0/xN6LiLrrCLHzoI/p87uaXh9LZLTj8+sDr2Wmr4dSdgrinb27NlltnfgVFShvsPuT0MaPcTxARb6gf7yDggp+gOTDjlwYU2i1iixfuUUY4yDqGCCWP1pATsf7oemdiZCZ/wxLvYlyN7ixsbGNhpl2GsWaScsWLAg0ByJHIwUCYqafIgk0jTF4JZSFFDDot88cIvI1AmdU4+qkDq17SDWuoDD9aqD1jU05HHyZmTg/wHYlyTcPxn9dQAAAABJRU5ErkJggg==\"","import {\n FETCHING_PRICE,\n SET_PRICE,\n RESET_PRICE,\n SET_PRICE_ASSEMBLY,\n} from '../../actionTypes';\n\nexport const fetchingPrice = () => ({\n type: FETCHING_PRICE,\n});\n\nexport const getPrice = (price) => ({\n type: SET_PRICE,\n price,\n});\n\nexport const getPriceAssembly = (price) => ({\n type: SET_PRICE_ASSEMBLY,\n price,\n});\n\nexport const resetPrice = () => ({\n type: RESET_PRICE,\n});\n","module.exports = __webpack_public_path__ + \"static/creditkey-logo-2ac01a6dffba63f9437c40ec6d4e87a4.png\";","import React from 'react';\nimport { Overlay, Tooltip } from 'react-bootstrap';\n\nconst CustomTooltip = (props) => {\n const usualTxt = `You have no permission to perform this action.\n Please talk to your admin for more details!`;\n return (\n {msg}
\n{child}
;\n });\n\n const sliderDirection = direction || 'left';\n const className = `slider ${sliderDirection}`;\n\n return {child}
;\n};\n\nexport default Slider;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Form } from 'react-bootstrap';\n\nimport CreditCardInfo from './creditcard/CreditCardModal';\nimport { getMembershipPlans } from '../utils/api';\nimport Modal from './Modal';\nimport Slider from './Slider';\nimport DiscountCode from './DiscountCode';\nimport CustomTooltip from './Tooltip';\n\nconst ChoiceCard = ({\n isSelected,\n onSelect,\n title,\n content,\n price,\n billed,\n item,\n setPlans,\n plans,\n showToggle,\n _setSelectedPlan,\n}) => {\n const def = () => false;\n const [tooltipOpen, setTooltipOpen] = useState(false);\n const membershipTarget = useRef(null);\n\n const className = `card option col-md-4 col-12 px-0 mx-1 ${\n isSelected\n ? 'selected bg-primary border-primary'\n : item.interval === 'year'\n ? 'year'\n : ''\n }`;\n\n const bodyClass = `card-body ${isSelected ? 'bg-white' : ''} `;\n\n const onChange = (selectedItem) => {\n const found = plans.find(\n (member) =>\n member.id !== selectedItem.id && member.product === selectedItem.product\n );\n const tt = plans.map((mmb) => {\n if (mmb.id === selectedItem.id) {\n return {\n ...mmb,\n showWhenToggled: false,\n toggled: mmb.interval === 'year' ? true : false,\n };\n } else if (mmb.id === found.id) {\n return {\n ...mmb,\n showWhenToggled: true,\n toggled: mmb.interval === 'year' ? true : false,\n };\n } else {\n return { ...mmb, toggled: mmb.toggled ? true : false };\n }\n });\n setPlans(tt);\n setTimeout(() => {\n _setSelectedPlan({});\n }, 300);\n };\n\n return (\n \n
\n );\n};\n\nconst getPrice = (plan) => {\n return plan.amount > 0 ? `$ ${(plan.amount / 100).toFixed(2)}` : 'Free';\n};\n\nexport default (props) => {\n const showCard = props.showCard !== void 0 ? props.showCard : true;\n const editProfile = props.editProfile !== void 0 ? props.editProfile : true;\n\n const [slide, slideNumber] = useState(0);\n const [loading, setLoading] = useState(false);\n const [loadingSubmission, isLoadingSubmission] = useState(false);\n const [isMemValid, setMemIsValid] = useState(false);\n const [plans, setPlans] = useState([]);\n const [stripe, setStripe] = useState(null);\n const [cardError, setCardError] = useState(undefined);\n const [selectedMb, setSelMb] = useState(null);\n\n const fetchMemberships = async () => {\n setLoading(true);\n const memberships = await getMembershipPlans();\n const ttt = memberships.data\n .filter((it) => Object.keys(it.metadata).length !== 0)\n .map((it) => {\n if (it.interval === 'year') {\n return {\n ...it,\n showWhenToggled: false,\n toggled: false,\n showToggle: true,\n sort: it.metadata.nickname.includes('Silver') ? 1 : 2,\n };\n } else {\n return {\n ...it,\n showWhenToggled: true,\n toggled: false,\n showToggle: it.metadata.nickname.includes('Standa') ? false : true,\n sort: it.metadata.nickname.includes('Silver')\n ? 1\n : it.metadata.nickname.includes('Gold')\n ? 2\n : 0,\n };\n }\n });\n setPlans(ttt ? ttt : []);\n setLoading(false);\n };\n\n useEffect(() => {\n if (props.show) {\n fetchMemberships();\n }\n }, [props.show, props.erpMembershipContent]);\n\n const erpContent =\n props.erpMembershipContent &&\n props.erpMembershipContent.reduce((acc, tier) => {\n acc[tier.sku] = tier;\n return acc;\n }, {});\n\n console.log('erpContent', erpContent);\n\n const setSelectedPlan = (plan) => {\n if (plan.id) {\n setMemIsValid(true);\n }\n props.set_SelectedPlan(plan);\n props.setChosen(plan);\n setSelMb(plan.metadata.nickname);\n };\n\n let back = [{ title: 'Back', handle: () => slideNumber(slide - 1) }];\n\n if (slide === 0) {\n back = [];\n }\n\n const handleNext = () => {\n if (showCard) {\n if (slide !== 1) {\n return [\n {\n title: 'Next',\n disabled: !isMemValid,\n handle: () => {\n if (isMemValid) {\n slideNumber(slide + 1);\n }\n },\n },\n ];\n }\n if (stripe) {\n return [\n {\n title: `Choose ${props.selectedPlan.metadata.nickname}`,\n disabled: !isMemValid,\n handle: async () => {\n if (!stripe) {\n return;\n }\n setCardError();\n const stripeResponse = await stripe.stripe.createToken(\n stripe.card\n );\n\n if (stripeResponse.error) {\n setCardError(stripeResponse.error.message);\n return;\n }\n isLoadingSubmission(true);\n props.submitMembership(\n stripeResponse.token.id,\n props.selectedPlan\n );\n isLoadingSubmission(false);\n slideNumber(0);\n },\n },\n ];\n }\n }\n\n return [\n editProfile\n ? {\n title:\n props.selectedPlan &&\n Object.entries(props.selectedPlan).length !== 0 ? (\n !props.loading ? (\n `Choose ${\n props.selectedPlan && props.selectedPlan.metadata\n ? props.selectedPlan.metadata.nickname\n : props.selectedPlan.nickname\n }`\n ) : (\n \n )\n ) : (\n 'Choose one'\n ),\n handle: () => {\n isLoadingSubmission(true);\n props.submitMembership('', props.selectedPlan);\n isLoadingSubmission(false);\n slideNumber(0);\n },\n disabled:\n (props.selectedPlan &&\n Object.entries(props.selectedPlan).length === 0) ||\n (props.review ? false : !props.cardInfo),\n }\n : {\n title: `Choose ${props.selectedPlan.metadata.nickname}`,\n handle: () => {\n isLoadingSubmission(true);\n props.submitMembership('', props.selectedPlan);\n isLoadingSubmission(false);\n slideNumber(0);\n },\n disabled: Object.entries(props.selectedPlan).length === 0,\n },\n ];\n };\n\n const handleClose = () => {\n props.handleClose();\n slideNumber(0);\n };\n console.log('plans', plans);\n return (\n \n {showToggle && (\n
\n \n onChange(item)}\n ref={membershipTarget}\n onMouseEnter={() => setTooltipOpen(true)}\n onMouseLeave={() => setTooltipOpen(false)}\n >\n \n \n
\n )}\n {title}
\n\n
\n \n {price === 'Free' ? `${price}` : `${price} billed every ${billed}`}\n
\n \n {!loading ? (\n <>\n {plans\n .sort((a, b) => a.sort - b.sort)\n .map((plan, index) => {\n const wpContent = erpContent && erpContent[plan.id];\n if (wpContent && plan.showWhenToggled) {\n return (\n setSelectedPlan(plan)}\n billed={plan.interval}\n key={index}\n item={plan}\n setPlans={setPlans}\n plans={plans}\n showToggle={plan.showToggle}\n _setSelectedPlan={props.set_SelectedPlan}\n />\n );\n }\n })}\n \n ) : (\n \n )}\n
\n {showCard ? (\n \n \n {cardError}\n \n )}\n
\n ) : null}\n Enter Credit Card information
\n\n You will be charged $\n {props.matchedCode\n ? props.selectedPlan\n ? Number(\n (props.selectedPlan.amount || 0) / 100 -\n (props.matchedCode.coupon.percent_off\n ? (Number(props.matchedCode.coupon.percent_off) /\n 100) *\n ((props.selectedPlan.amount || 0) / 100)\n : props.matchedCode.coupon.amount_off / 100)\n ).toFixed(2)\n : 0\n : (\n (props.selectedPlan ? props.selectedPlan.amount : 0 || 0) /\n 100\n ).toFixed(2)}\n
\n {cardError !== void 0 && (\n\n setShow(true)}\n // onMouseLeave={() => setShow(false)}\n >\n {children}\n
\n \n );\n}\n","import React, { useState, useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { Form } from 'react-bootstrap';\n\nimport Loader from '../Loader';\nimport { getShippingOptions, getShippmentRates } from '../../utils/api';\nimport { debounceCustom } from '../../utils/helpers';\n\nconst ShippingOptions = ({\n authToken,\n name,\n value,\n onChange,\n isValid,\n isInvalid,\n handleBlur,\n values,\n items,\n phone,\n addressChange,\n countryChange,\n setAddressChange,\n setCountryChange,\n shippingAddresses,\n shippingRates,\n rateFetched,\n setFetchRates,\n setRates,\n}) => {\n const [shippingOptions, setShippingOptions] = useState(null);\n\n const getAllShippingOptions = async () => {\n const data = await getShippingOptions(authToken);\n setShippingOptions(data);\n };\n\n const fetchShippmentRates = debounceCustom(async (data) => {\n setFetchRates(0);\n const res = await getShippmentRates(data, authToken);\n if (res.status === 'SUCCESS') {\n if (res.rates.length !== 0) {\n setFetchRates(1);\n }\n setRates(res.rates);\n setAddressChange(false);\n setCountryChange(false);\n } else {\n setFetchRates(2);\n setAddressChange(false);\n setCountryChange(false);\n }\n }, 100);\n\n useEffect(() => {\n setTimeout(() => {\n getAllShippingOptions();\n }, 100);\n }, []);\n\n useEffect(() => {\n if (countryChange || addressChange) {\n let debouncer = setTimeout(() => {\n let data = {\n city: shippingAddresses.city,\n address1: shippingAddresses.address,\n state: shippingAddresses.state && Number(shippingAddresses.state),\n country: shippingAddresses.country && Number(shippingAddresses.country),\n zipcode: shippingAddresses.zipcode,\n name: values.firstName + ' ' + values.lastName,\n items,\n phone: phone,\n }\n fetchShippmentRates({\n city: shippingAddresses.city,\n address1: shippingAddresses.address,\n state: shippingAddresses.state && Number(shippingAddresses.state),\n country: shippingAddresses.country && Number(shippingAddresses.country),\n zipcode: shippingAddresses.zipcode,\n name: values.firstName + ' ' + values.lastName,\n items,\n phone: phone,\n });\n }, 3500);\n\n return () => {\n clearTimeout(debouncer);\n };\n }\n }, [countryChange, addressChange]);\n\n\n if (rateFetched === 2) {\n return shippingOptions ? (\n \n {text}\n \n {\n if (priceTooltip) {\n setShowQtyNotification(false);\n } else {\n setHide(true);\n }\n }}\n />\n
\n \n \n Checking your shipping options\n \n
\n );\n }\n};\n\nconst mapStateToProps = (state) => ({\n authToken: state.login.auth && state.login.auth.auth.accessToken,\n checkout: state.checkout.shipping,\n});\n\nexport default connect(mapStateToProps)(ShippingOptions);\n","import React, { useEffect, useState } from 'react';\nimport { Form } from 'react-bootstrap';\nimport { connect } from 'react-redux';\nimport SalesTax from 'sales-tax';\nimport CountryDropdown from '../CountryDropdown';\nimport StateDropdown from '../StateDropdown';\nimport ShippingMethods from './ShippingMethods';\nimport { useSearchDebounce } from './ShippingInfo';\n\nconst ShippingInfoForm = ({\n values,\n onChange,\n handleChange,\n setShippingValues,\n setValues,\n handleBlur,\n errors,\n touched,\n shipping,\n updateSalesTax,\n cart,\n setFieldValue,\n shippoId,\n setShippoId,\n setShippingRate,\n setShippoMethod,\n setShippoToken,\n setShippoCarrier,\n setShippoEstimatedDelivery,\n cartItems,\n phone,\n shippingRates,\n rateFetched,\n setFetchRates,\n setRates,\n profile,\n type,\n shipTo,\n}) => {\n const [addressChange, setAddressChange] = useState(false);\n const [countryChange, setCountryChange] = useState(false);\n const [shippingAddresses, setShippingAddress] = useState({\n address: null,\n city: null,\n zipcode: null,\n state: null,\n country: null,\n });\n\n const isValid = (fieldName) => {\n return !errors[fieldName] && touched[fieldName];\n };\n const isInvalid = (fieldName) => {\n return errors[fieldName] && touched[fieldName];\n };\n\n const addressInput = useSearchDebounce(shippingAddresses.address, 500);\n const cityInput = useSearchDebounce(shippingAddresses.city, 500);\n\n useEffect(() => {\n setShippingAddress({\n ...shippingAddresses,\n address: addressInput,\n });\n setShippingValues({ ...values, address: addressInput });\n }, [addressInput]);\n useEffect(() => {\n setShippingAddress({\n ...shippingAddresses,\n city: cityInput,\n });\n setShippingValues({ ...values, city: cityInput });\n setTimeout(() => {\n setAddressChange(true);\n }, [2800]);\n }, [cityInput]);\n \n\n useEffect(() => {\n if (Object.keys(shipping).length === 0) {\n setValues({\n firstName: profile.firstName,\n lastName: profile.lastName,\n email: profile.email,\n country: profile.address.country,\n state: profile.address.state,\n address: `${profile.address.address1} ${profile.address.address2 ? `,${profile.address.address2}` : ''\n }`,\n city: profile.address.city,\n zipcode: profile.address.zipcode,\n phone: profile.phone,\n });\n } else {\n setValues({ ...values, ...shipping });\n }\n }, [shipping]);\n\n useEffect(() => {\n setShippingValues(values);\n setShippingAddress({\n address: values.address,\n city: values.city,\n zipcode: values.zipcode,\n state: values.state,\n country: values.country,\n });\n }, [values]);\n\n const shippingAddress =\n profile.address.address1 + ', ' + profile.address.address2;\n\n useEffect(() => {\n if (shipTo === 'shipToMe') {\n onChange('firstName', profile.firstName);\n onChange('lastName', profile.lastName);\n onChange('email', profile.email);\n onChange('country', profile.address.country);\n onChange('address', shippingAddress);\n onChange('city', profile.address.city);\n onChange('state', profile.address.state);\n onChange('zipcode', profile.address.zipcode);\n onChange('phone', profile.phone);\n } else {\n onChange('billing_firstName', profile.firstName);\n onChange('billing_lastName', profile.lastName);\n onChange('billing_email', profile.email);\n onChange('billing_country', profile.address.country);\n onChange('billing_address', shippingAddress);\n onChange('billing_city', profile.address.city);\n onChange('billing_state', profile.address.state);\n onChange('billing_zipcode', profile.address.zipcode);\n onChange('billing_phone', profile.phone);\n onChange('firstName', '');\n onChange('lastName', '');\n onChange('email', '');\n onChange('country', undefined);\n onChange('address', '');\n onChange('city', '');\n onChange('state', undefined);\n onChange('zipcode', '');\n onChange('phone', '');\n }\n }, [shipTo]);\n const st = {\n height: '2.3rem',\n };\n\n return (\n \n );\n};\n\nconst mapStateToProps = (state) => ({\n shipping: state.checkout.shipping,\n profile: state.login.auth.profile,\n});\n\nexport default connect(mapStateToProps)(ShippingInfoForm);\n","import React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport ShippingInfoForm from './ShippingInfoForm';\n\nexport const ConvertProfileToIntial = (profile) => {\n if (!profile) {\n return {\n state: 'AL',\n };\n }\n if (!profile.address) {\n return {\n state: 'AL',\n };\n }\n return {\n name: profile.name,\n email: profile.email,\n street: `${profile.address.street1} #${profile.address.street2}`,\n city: profile.address.city,\n zipcode: profile.address.zipcode,\n state: profile.address.state,\n country: profile.address.country,\n phone: profile.phone,\n };\n};\n\nexport function useSearchDebounce(value, milliSeconds) {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, milliSeconds);\n\n return () => {\n clearTimeout(handler);\n };\n }, [value, milliSeconds]);\n\n return debouncedValue;\n}\n\nconst ShippingInfo = ({\n onChange,\n shippingInfo,\n setIsValid,\n shipping,\n setValues,\n profile,\n touched,\n errors,\n values,\n setFieldValue,\n handleChange,\n handleBlur,\n cart,\n updateSalesTax,\n setShippingValues,\n setShippingRate,\n setShippoMethod,\n shippingRatePrice,\n shippoId,\n setShippoId,\n phone,\n shippingRates,\n rateFetched,\n setFetchRates,\n setRates,\n setShippoToken,\n setShippoCarrier,\n setShippoEstimatedDelivery,\n shipTo,\n setShipTo,\n ...props\n}) => {\n return (\n <>\n \n setShipTo('shipToMe')}\n >\n Ship To Me\n \n setShipTo('shipToCustomer')}\n >\n Ship To Customer\n \n
\n {shipTo === 'shipToMe' ? (\n \n \n Billing Address\n \n
\n \n \n Shipping Address\n \n
\n \n )}\n \n );\n};\n\nconst mapStateToProps = (state) => ({\n shipping: state.checkout.shipping,\n profile: state.login.auth.profile,\n});\n\nexport default connect(mapStateToProps)(ShippingInfo);\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport {\n brandForgeTextComplete,\n getCurrentMonthUserBrandForgeMessages,\n} from '../utils/api';\nimport {\n clickHandler,\n errMessageBrandforge,\n formatDate,\n} from '../utils/helpers';\nimport CustomTooltip from './CustomTooltip';\nimport Prompts from './Prompts';\n\nexport const useAutosizeTextArea = (textAreaRef, value) => {\n useEffect(() => {\n if (textAreaRef) {\n textAreaRef.style.height = '36px';\n const scrollHeight = textAreaRef.scrollHeight;\n textAreaRef.style.height = scrollHeight + 'px';\n }\n }, [textAreaRef, value]);\n};\n\nexport const PopUpChat = (props) => {\n const [chatopen, setChatopen] = useState(false);\n const [msg, setMsg] = useState(null);\n const [messages, setMessages] = useState([\n {\n id: 0,\n ai_text: `Hi there, I am BRANDFORGE™, Gildform's AI-powered assistant designed to help you build and grow your brand from concept to production and beyond.\\nHow can I help?`,\n user_text: null,\n },\n ]);\n const [msgLoader, setMsgLoader] = useState(false);\n const [errMsg, setErrMsg] = useState(false);\n const [msgsLength, setMsgsLength] = useState(0);\n const [openPrompts, setOpenPrompts] = useState(false);\n\n const chatBoxRef = useRef(null);\n const textAreaRef = useRef(null);\n\n useAutosizeTextArea(textAreaRef.current, msg);\n\n const profile = useSelector(\n (state) => state.login.auth && state.login.auth.profile\n );\n\n const isAuthenticated = useSelector(\n (state) => state.login && state.login.isAuthenticated\n );\n\n const toggle = () => {\n setChatopen(!chatopen);\n };\n\n const handleSend = async () => {\n setOpenPrompts(false);\n setMsg(null);\n let messageErr = {\n user_text: null,\n name: `${profile.firstName} ${profile.lastName}`,\n userId: profile.sub,\n error: true,\n };\n messages.push({\n ai_text: null,\n user_text: msg,\n name: `${profile.firstName} ${profile.lastName}`,\n userId: profile.sub,\n createdAt: formatDate(new Date(), true),\n });\n setMsgLoader(true);\n const data = {\n text: msg ? msg : '',\n userId: profile.sub,\n name: `${profile.firstName} ${profile.lastName}`,\n };\n const res = await brandForgeTextComplete(data);\n if (res.status === 200) {\n const dd = await res.json();\n setMsgsLength(msgsLength + 1);\n messages.pop();\n if (dd.brandForge) {\n setMessages([...messages, dd.brandForge]);\n }\n if (profile.membership.name === 'Standard') {\n if (messages.length + 1 >= 10) {\n setErrMsg(true);\n setMessages((prevState) => [\n ...prevState,\n {\n ...messageErr,\n ai_text: `\n \n \n
\n ) : null;\n};\n\nexport default PopUpChat;\n","import React, { useEffect, useState } from 'react';\nimport { getGildformStatuses } from '../utils/api';\n\nfunction Prompts(props) {\n const [selectedPrompt, setSelectedPompt] = useState(null);\n const [prompts, setPrompts] = useState([]);\n\n const getPrompts = async () => {\n const res = await getGildformStatuses(13);\n setPrompts(res.settings ? res.settings : []);\n };\n\n useEffect(() => {\n if (props.openPrompts && prompts.length === 0) {\n getPrompts();\n }\n }, [props.openPrompts]);\n\n return (\n \n
\n \n BrandForge Chat\n \n \n \n
\n \n {messages.map((msg, i) => (\n
\n \n {msg.user_text && (\n
\n ))}\n {msgLoader && (\n \n
\n )}\n {msg.ai_text && (\n {msg.user_text}
\n {msg.createdAt && (\n\n {formatDate(new Date(msg.createdAt), true)}\n
\n )}\n \n {msg.error ? (\n clickHandler(e, props.openMemberModal)}\n />\n ) : (\n
\n )}\n {msg.ai_text}
\n )}\n\n \n \n \n
\n )}\n \n
\n \n setMsg(e.target.value)}\n placeholder='Ask BrandForge...'\n ref={textAreaRef}\n rows={1}\n value={msg ? msg : ''}\n disabled={msgLoader || errMsg || disableSend}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n if (msg && !errMsg && !disableSend) {\n handleSend();\n }\n }\n }}\n />\n \n \n \n
\n \n By using BrandForge™, you agree to our full disclaimer regarding the\n accuracy, applicability, and limitations of the AI assistant's\n advice, which can be found{' '}\n \n here\n \n .\n
\n \n
\n \n BrandForge\n 
\n
\n {\n props.setOpenPrompts(!props.openPrompts);\n if (!props.openPrompts) {\n setSelectedPompt(null);\n }\n }}\n >\n {props.openPrompts ? 'Hide prompts' : 'Show prompts'}\n
\n \n {props.openPrompts ? (\n \n ) : (\n \n )}\n
\n \n
\n \n \n );\n}\n\nexport default Prompts;\n","import React, { useState } from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { Container, Row } from 'react-bootstrap';\nimport { Link } from '@reach/router';\nimport gildformLogoBlack from '../images/gildformlogo-black.png';\nimport gildformLogo from '../images/logo.png';\nimport { isToggleOpen, setOpenToggle } from '../utils/helpers';\nimport WindoWidth from './WindowWidth';\n\nconst ActualLink = ({\n internal_link,\n link_text,\n external_link,\n link_column,\n idz,\n}) => {\n if (internal_link) {\n const linkParts = internal_link.split('/');\n const pageSlug = linkParts[linkParts.length - 1];\n const pageCategory = linkParts[linkParts.length - 2];\n if (pageCategory === 'designer') {\n return (\n \n {link_text}\n \n );\n }\n\n return (\n \n {link_text}\n \n );\n }\n\n return (\n \n {link_column.title === 'Social Media' && (\n \n {prompts\n .filter((it) => it.code === '1')\n .map((prompt, index) => (\n {\n setSelectedPompt(prompt);\n props.setMsg(prompt.value);\n }}\n >\n {prompt.value}\n
\n ))}\n \n
\n \n 
\n 
\n
\n \n
\n \n {rebrandFooterData.acf.link_columns_rebrand.map((item, index) => {\n return (\n
\n );\n })}\n \n \n 992 ? '' : `#${item.title.split(' ')[0]}`\n }\n role='button'\n aria-expanded='false'\n aria-controls='link1'\n onClick={() => {\n setOpenToggle(\n { id: index, toggle: !toggle.toggle },\n testToggle,\n setTestToggle\n );\n }}\n >\n {item.title}\n {isToggleOpen(index, testToggle) ? (\n \n ) : (\n \n )}\n
\n \n
\n \n {item.links.map((link) => (\n
\n \n
\n Copyright © {new Date().getFullYear()} Gildform\n
\n \n
\n ) : (\n \n )}\n \n {selectedProduct\n ? `${selectedProduct.name} ${item.material.name}`\n : item.itemType.name}\n
\n \n{item.description}
\n- \n {cart.items.map((item, ndx) => (\n
\n \n
\n );\n }}\n />\n );\n};\n\nconst mapStateToProps = (state) => ({\n creditOrder: state.checkout.creditOrder ? state.checkout.creditOrder : null,\n token: state.login.auth && state.login.auth.auth.accessToken,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n setPaymentMethod: (data) => dispatch(setPaymentMethod(data)),\n setCreditOrder: (data) => dispatch(setCreditOrder(data)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ShoppingCartStep);\n","import React, { useEffect, useState } from 'react';\nimport { Link, navigate } from 'gatsby';\nimport { Row, Col, Button } from 'react-bootstrap';\nimport { connect } from 'react-redux';\nimport { toast } from 'react-toastify';\n// import ck from 'creditkey-js';\n\nimport Cart from './CartContainer';\nimport CheckoutInfo from '../../utils/schemas/shippingSchema';\nimport ShoppingCartStep from './ShoppingCartStep';\nimport Payment from '../creditcard/CreditCardModal';\nimport Modal from '../../components/Modal';\nimport ShippingInfo, { ConvertProfileToIntial } from './ShippingInfo';\nimport {\n updateShippingInfo,\n shouldHideCart,\n shouldShowCart,\n setPaymentMethod,\n setCreditOrder,\n charging,\n charged,\n} from '../../state/checkout/actions';\nimport {\n clearCart,\n setTax,\n setShippingOption,\n showOfferCart as showOfferCartAction,\n hideOfferCart as hideOfferCartAction,\n setOrderCheckoutSuccessful as setOrderCheckoutSuccessfulAction,\n setOffersPurchased as setOffersPurchasedAction,\n setInitialOffers as setInitialOffersAction,\n} from '../../state/shoppingCart/actions';\nimport // addProductToCart as addProductToCartAction,\n '../../state/shoppingCart/thunks';\nimport { checkout } from '../../state/checkout/thunks';\n\nimport 'react-toastify/dist/ReactToastify.css';\nimport { addNewCard, updateBilling } from '../../state/login/thunks';\nimport CreditKey from '../creditcard/creditKey';\nimport {\n isProductChosen,\n openCreditCardCheckout,\n} from '../../state/create/jewelry/actions';\nimport {\n checkoutCart,\n checkoutOfferCart,\n getPromotionCodes,\n getShippmentRates,\n getUserOffers,\n uploadLaserEngravingImages,\n} from '../../utils/api';\nimport { isEmptyObj, assemblySubPrice } from '../../utils/helpers';\nimport noImage from '../../images/noimage.jpg';\n\nconst CREDIT_KEY = process.env.GATSBY_CREDIT_KEY;\nconst CREDIT_TOKEN = process.env.GATSBY_CREDIT_SECRET;\nconst CREDIT_KEY_URL = process.env.GATSBY_CREDIT_KEY_API_URL;\n\nconst FullCheckout = (props) => {\n const [stripe, setStripe] = useState(null);\n const [step, setStepState] = useState(0);\n const [payment, setPaymentOption] = useState('Default');\n const [shippingValues, setShippingValues] = useState(null);\n const [shipTo, setShipTo] = useState('shipToMe');\n\n const [isCardModalOpen, openCardModal] = useState(false);\n const [cardInfoLoad, setCardInfoLoad] = useState(false);\n const [cardErrors, setCardErrors] = useState(undefined);\n const [defaultCard, setDefaultCard] = useState(false);\n const [shippingRatePrice, setShippingRate] = useState(null);\n const [rateFetched, setFetchRates] = useState(1);\n\n const [shippoMethod, setShippoMethod] = useState(null);\n const [shippoId, setShippoId] = useState(null);\n const [shippoServiceToken, setShippoToken] = useState(null);\n const [shippoCarrier, setShippoCarrier] = useState(null);\n const [shippoEstimatedDelivery, setShippoEstimatedDelivery] = useState(null);\n\n const [shippingRates, setRates] = useState(null);\n\n const [promoCodes, setPromoCodes] = useState([]);\n const [promoCode, setPromoCode] = useState(null);\n\n const [offers, setOffers] = useState([]);\n const [timers, setTimers] = useState({});\n const [isTimeLimitReached, setTimeLimitReached] = useState({});\n const [isSubmittingOfferPayment, setIsSubmittingOfferPayment] = useState({\n id: null,\n isSubmitting: false,\n });\n\n const paymentOptions = ['Default', 'Credit-Key'];\n\n const [shouldShowCart, setState] = [\n props.shouldShowCart,\n (newState) => {\n if (newState === false) {\n return props.hideCart();\n }\n return props.showCart();\n },\n ];\n\n function matchPromoCode(givenCode, codes) {\n console.log('givenCode.trim() :>> ', givenCode.trim());\n console.log('codes :>> ', codes);\n return codes.find((cd) => cd.code.trim() == givenCode.trim());\n }\n\n const fetchPromoCodes = async () => {\n const res = await getPromotionCodes();\n setPromoCodes(res.data);\n };\n\n const fetchCustomerOffers = async () => {\n const res = await getUserOffers(15);\n if (res) {\n const filteredOffers = res.settings.filter((offer) => {\n const customers = offer.customers ? JSON.parse(offer.customers) : [];\n const memberships = offer.membership\n ? JSON.parse(offer.membership)\n : [];\n\n if (offer.customers || offer.membership) {\n const isApplicableToCustomer =\n customers.length > 0\n ? customers.find(\n (customer) =>\n customer.id === (props.profile && props.profile.erp_id)\n )\n : false;\n\n const isApplicableToMembership =\n memberships.length > 0\n ? memberships.find(\n (membership) =>\n membership.name ===\n (props.profile && props.profile.membership.name)\n )\n : false;\n\n return isApplicableToCustomer || isApplicableToMembership;\n } else {\n return true;\n }\n });\n\n const newArr = filteredOffers.map((item) => {\n return {\n id: item.id,\n name: item.name,\n description: item.description,\n membership: item.membership,\n image: item.type,\n price: item.value,\n stripe_payment_id: item.extra_info,\n time_limit: Number(item.code) * 60,\n customers: item.customers,\n createdAt: item.createdAt,\n updatedAt: item.updatedAt,\n };\n });\n\n const newTimers = {};\n newArr.forEach((offer) => {\n newTimers[offer.id] = Number(offer.time_limit);\n });\n setTimers(newTimers);\n props.setInitialOffers(newArr);\n setOffers(newArr);\n }\n };\n\n useEffect(() => {\n if (Number(step) === 2) {\n fetchCustomerOffers();\n }\n return () => {\n Object.values(timers).forEach((timer) => clearInterval(timer));\n };\n }, [props.orderCheckoutSuccessful, step]);\n\n useEffect(() => {\n if (Number(step) === 3) {\n Object.keys(timers).forEach((offerId) => {\n if (Number(timers[offerId]) === 0 && !isTimeLimitReached[offerId]) {\n setTimeLimitReached((prevIsTimeLimitReached) => ({\n ...prevIsTimeLimitReached,\n [offerId]: true,\n }));\n }\n });\n }\n }, [timers, step]);\n\n useEffect(() => {\n if (!isEmptyObj(timers) && props.shouldShowOfferCart) {\n const timer = setInterval(() => {\n setTimers((prevTimers) => {\n const updatedTimers = { ...prevTimers };\n Object.keys(updatedTimers).forEach((offerId) => {\n updatedTimers[offerId] = Math.max(updatedTimers[offerId] - 1, 0);\n });\n return updatedTimers;\n });\n }, 1000);\n\n if (Object.values(timers).every((val) => Number(val) === 0)) {\n clearInterval(timer);\n return;\n }\n\n return () => {\n clearInterval(timer);\n };\n }\n });\n\n useEffect(() => {\n if (promoCodes.length === 0 && Number(step) === 1) {\n fetchPromoCodes();\n }\n }, [step]);\n\n useEffect(() => {\n if (props.checkout && Number(step) === 1) {\n if (props.checkout.isCharging) {\n props.setCharged();\n }\n }\n }, [props.checkout, step]);\n\n const matchedCode =\n promoCode &&\n matchPromoCode(\n promoCode,\n promoCodes.filter((cd) => cd.coupon.name.includes('Production'))\n );\n\n const collectCardInfo = async () => {\n setCardInfoLoad(true);\n setCardErrors(undefined);\n const stripeResponse = await stripe.stripe.createToken(stripe.card);\n if (stripeResponse.error) {\n setCardErrors(stripeResponse.error);\n return;\n }\n const tok = stripeResponse.token.id;\n await props.updateBilling(\n props.profile.subUser ? props.profile.admin_id : props.profile.id,\n tok\n );\n setCardInfoLoad(false);\n openCardModal(false);\n props.setOpenCreditCard(false);\n };\n\n const PaymentDetailsCard = (payment) => {\n switch (payment) {\n case 'Default':\n return props.profile && props.profile.cardInfo ? (\n {cardErrors.message}
}\n \n\n Please enter your credit card information!\n
\n \n {\n openCardModal(true);\n props.setOpenCreditCard(true);\n }}\n >\n Enter Credit Card info\n \n
\n \n );\n // case 'Credit-Key':\n // return (\n // \n
\n );\n }\n return Steps[step];\n };\n\n const showOrHideOfferCart = (showCart) => {\n if (showCart) {\n props.showOfferCart();\n } else {\n props.hideOfferCart();\n props.clearCart();\n props.setOrderCheckoutSuccessful(false);\n setDefaultCard(false);\n // setOfferCartStep(1);\n }\n };\n\n const showOfferCart = () => {\n const buttonDisableTitleAndClassName = (item) => {\n const itemPurchased =\n props.purchasedOffers &&\n props.purchasedOffers.length > 0 &&\n props.purchasedOffers.find((prod) => prod.id === item.id);\n if (\n isSubmittingOfferPayment.id === item.id &&\n isSubmittingOfferPayment.isSubmitting\n ) {\n return {\n className: 'checkout',\n disabled: true,\n title: ,\n };\n } else {\n if (itemPurchased) {\n return { className: 'checkout', disabled: true, title: 'Added' };\n } else {\n return {\n className: 'checkout add-prod',\n disabled: false,\n title: '+ Add',\n };\n }\n }\n };\n\n return (\n step === 3 && (\n \n \n
\n |
\n \n
\n \n {\n if (props.checkout) {\n if (props.checkout.isCharging) {\n props.setCharged();\n }\n }\n props.hideCart();\n }}\n >\n Get Started\n \n \n
\n
\n Looks like there is nothing in your cart
\n \nUpload an STL file below to start creating your piece
\n \n\n {/* {offerCartStep === 1 ? ( */}\n <>\n
\n \n \n
\n |
\n \n {props.initialOffers.map((prod, index) => (\n \n
\n Check out some of our offers
\n \n\n {isTimeLimitReached[prod.id] ? (\n \n Offer Expired\n \n ) : (\n \n Expires in: {Math.floor(timers[prod.id] / 60)}:\n {(timers[prod.id] % 60).toString().padStart(2, '0')}\n \n )}\n
\n \n \n {prod.description}\n
\n \n {prod.image ? (\n \n 
\n )}\n
\n \n \n {prod.name}\n
\n \n \n {`$${prod.price}`}\n
\n \n {\n submitOfferProductPayment(prod);\n }}\n >\n {buttonDisableTitleAndClassName(prod).title}\n \n
\n \n ))}\n \n \n\n \n {\n props.hideOfferCart();\n props.setOrderCheckoutSuccessful(false);\n props.setInitialOffers([]);\n navigate('/order-confirmation/thankyou');\n }}\n >\n No, I don't want these offers\n \n
\n \n \n )\n );\n };\n\n const showCartCondition = shouldShowCart || props.shouldShowOfferCart;\n\n return (\n \n
\n {wpData && wpData.length > 0 && (\n \n Content loading \n
\n ) : (\n <>\n {wpData && wpData.length > 0 ? (\n <>\n {wpData.map((wp, idx) => {\n return (\n \n ‣ There are{' '}\n {wpData && wpData.length} new updates you should check out!\n
\n )}\n {wpLoading ? (\n \n <>\n
\n );\n })}\n \n ) : (\n \n \n 🎉\n \n {wp.acf && wp.acf.feature_title}\n
\n \n 
\n
\n \n {wp.acf && wp.acf.feature_description\n ? removeTags(wp.acf.feature_description)\n : ''}\n
\n \n No updates!
\n )}\n \n )}\n \n \n );\n};\n\nexport default WhatsNew;\n","import React, { useEffect, useState } from 'react';\nimport { Link } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { useStaticQuery, graphql } from 'gatsby';\n\nimport CartDisplay from './cart';\nimport Login from './header/Login';\nimport Profile from './header/Profile';\nimport Signup from './header/Signup';\nimport WhatsNew from './WhatsNew';\nimport newFeature from '../images/new_feat.png';\n\nconst getNavInfo = (data) => {\n if (data.allWordpressWpApiMenusMenusItems.edges.length <= 0) {\n return [];\n }\n return data.allWordpressWpApiMenusMenusItems.edges[0].node.items;\n};\n\nconst renderNavLink = (component) => {\n if (component.type === 'custom') {\n return (\n \n {component.title}\n \n );\n }\n return (\n \n {component.title}\n \n );\n};\n\nconst Header = ({\n light_header,\n backgroundImage,\n sit_on_top,\n onboarding,\n noAnswers,\n siteTitle,\n}) => {\n const data = useStaticQuery(graphql`\n query {\n allWordpressWpApiMenusMenusItems(filter: { slug: { eq: \"nav-bar\" } }) {\n edges {\n node {\n slug\n name\n items {\n title\n url\n object_slug\n type\n }\n }\n }\n }\n }\n `);\n\n // const headerData = [\n // {\n // object_slug: 'learn',\n // title: 'Learn',\n // type: 'custom',\n // url: 'https://academy.gildform.com',\n // },\n // {\n // object_slug: 'our-story',\n // title: 'Our Story',\n // type: 'post_type',\n // url: 'https://content.gildform.com/archives/marketing_page/our-story',\n // },\n // {\n // object_slug: 'why-gildform',\n // title: 'Why Gildform',\n // type: 'custom',\n // url: '#',\n // },\n // {\n // object_slug: 'blog',\n // title: 'Blog',\n // type: 'custom',\n // url: 'http://blog.gildform.com',\n // },\n // {\n // object_slug: 'help-center',\n // title: 'Help Center',\n // type: 'custom',\n // url: 'https://support.gildform.com/',\n // },\n // ];\n\n const [width, setWidth] = useState();\n useEffect(() => {\n if (window) {\n setWidth(window.innerWidth);\n }\n }, []);\n\n const isPhoneScreen = width < 768;\n const isTabletScreen = width > 768 && width < 992;\n const navbarType = light_header ? 'navbar-dark' : 'navbar-light';\n const hasBackgroundImg = backgroundImage ? 'bg-nav' : '';\n const sitOnTop = sit_on_top ? 'sit-on-top' : '';\n const navbarclass = `navbar navbar-expand-lg ${navbarType} ${hasBackgroundImg} ${sitOnTop}`;\n const logo = light_header ? '/images/logo_white.png' : '/images/logo.svg';\n const logoClass = light_header ? 'navbar-brand light' : 'navbar-brand';\n const backgroundImageUrl = `url(${backgroundImage})`;\n const styleHeader = () => {\n if (onboarding) {\n return { backgroundColor: 'rgba(124, 98, 98, .97)', zIndex: 4 };\n } else if (noAnswers) {\n if (isPhoneScreen) {\n return { zIndex: 4, top: '60px' };\n } else if (isTabletScreen) {\n return { zIndex: 4, top: '38px' };\n } else {\n return { zIndex: 4, top: '30px' };\n }\n } else {\n return { zIndex: 4 };\n }\n };\n\n const [openNewFeat, setOpenNewFeature] = useState(false);\n const [newFeats, setNewFeats] = useState(null);\n\n return (\n \n {\n setTimeout(() => {\n setOpenNewFeature(true);\n }, 400);\n }}\n className='new-feat-icon'\n >\n {newFeats && (\n \n {newFeats}\n \n )}\n \n 
\n \n
\n \n
\n );\n};\n\nexport default Banner;\n","import React from 'react';\nimport { Button } from 'react-bootstrap';\nimport { navigate } from '@reach/router';\n\nconst ButtonLink = ({\n internal_link,\n title,\n external_link,\n custom_link,\n className,\n size,\n index,\n}) => {\n if (internal_link) {\n const linkParts = internal_link.split('/');\n const pageSlug = linkParts[linkParts.length - 1];\n return (\n \n );\n } else if (custom_link) {\n return (\n \n
\n \n
\n Looks like you haven't completed your profile.
\n \n {' '}\n Click here to finish!\n \n\n
\n ))}\n \n );\n};\n\nexport default BlueSection;\n","import React from 'react';\nimport { Button } from 'react-bootstrap';\nimport checkCircle from '../../images/check-circle.png';\nimport ButtonLink from '../ButtonLink';\n\nconst LaunchYourBrand = ({ content, location }) => {\n const homePage = location === 'homepage';\n return (\n \n {card && card.image && card.image.source_url ? (\n \n ) : null}\n {card && card.image && card.image.url ? (\n 
\n ) : null}\n
\n \n ) : null}\n {card && card.image && card.image.url ? (\n \n ) : null}\n \n {card.title}\n
\n \n
\n \n {content.title}\n
\n \n {content && (\n
\n \n \n
\n \n );\n};\n\nexport default LaunchYourBrand;\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGGSURBVHgBdZLBUcJQEIZ3H0iSW6wA7CB2QAmkAmMF4MGZMB7AE9ELsQJjBTEHz1ACViAlxBkdSAay7r5AhCg782Z4j//b3fy7CLWIB7YNrW9PoWrLvcDiHaAxd4P18lCHh4CyViMiGOgHorRUoK2va+vcDdM09ptdgOZSVRms1UwgPk8EeNF7yM/lyG9CcgVKfHOE0Jix3NNQMjSmr75BsW96cCIEKjWtSBdicQeBPriZqBfk16cgAhrzeXGD3JO3JsC2C6CAQN1X5phfjhts5v9B8e2ZA41GyqBy2KLUnexca608/o5p4qtxmfC4Eip8Zq8Xqt6W+5iFImRTxnVoFx0i/FRQwJLT2m93ZruCWUgg7h5D4oceD+KiCXkWgWlMN8VW5nfzC2eDejcIxWg3+rlyQ0h1dlKDZGhewalx6P/QkznLFmHpJNhotGbcgiNjEYf3KybtKaS+3iiERW+SXZbVDyL2jZAf+vpSXzmuBJk1lg36A1YGAHRZ6ZQJ2LzcivbAPn4A1drMi5EF3F0AAAAASUVORK5CYII=\"","import createWithBsPrefix from './utils/createWithBsPrefix';\nexport default createWithBsPrefix('carousel-caption', {\n Component: 'div'\n});","import createWithBsPrefix from './utils/createWithBsPrefix';\nexport default createWithBsPrefix('carousel-item');","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport classNames from 'classnames';\nimport styles from 'dom-helpers/style';\nimport transition from 'dom-helpers/transition';\nimport React, { cloneElement } from 'react';\nimport uncontrollable from 'uncontrollable';\nimport CarouselCaption from './CarouselCaption';\nimport CarouselItem from './CarouselItem';\nimport SafeAnchor from './SafeAnchor';\nimport { map, forEach } from './utils/ElementChildren';\nimport triggerBrowserReflow from './utils/triggerBrowserReflow';\nimport { createBootstrapComponent } from './ThemeProvider';\n\nvar countChildren = function countChildren(c) {\n return React.Children.toArray(c).filter(React.isValidElement).length;\n}; // TODO: `slide` should be `animate`.\n\n\nvar defaultProps = {\n as: 'div',\n slide: true,\n fade: false,\n interval: 5000,\n keyboard: true,\n pauseOnHover: true,\n wrap: true,\n indicators: true,\n controls: true,\n activeIndex: 0,\n prevIcon: React.createElement(\"span\", {\n \"aria-hidden\": \"true\",\n className: \"carousel-control-prev-icon\"\n }),\n prevLabel: 'Previous',\n nextIcon: React.createElement(\"span\", {\n \"aria-hidden\": \"true\",\n className: \"carousel-control-next-icon\"\n }),\n nextLabel: 'Next'\n};\n\nvar Carousel =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Carousel, _React$Component);\n\n function Carousel(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n\n _this.handleSlideEnd = function () {\n var pendingIndex = _this._pendingIndex;\n _this._isSliding = false;\n _this._pendingIndex = null;\n if (pendingIndex != null) _this.to(pendingIndex);else _this.cycle();\n };\n\n _this.handleMouseOut = function () {\n _this.cycle();\n };\n\n _this.handleMouseOver = function () {\n if (_this.props.pauseOnHover) _this.pause();\n };\n\n _this.handleKeyDown = function (event) {\n if (/input|textarea/i.test(event.target.tagName)) return;\n\n switch (event.key) {\n case 'ArrowLeft':\n event.preventDefault();\n\n _this.handlePrev(event);\n\n break;\n\n case 'ArrowRight':\n event.preventDefault();\n\n _this.handleNext(event);\n\n break;\n\n default:\n break;\n }\n };\n\n _this.handleNextWhenVisible = function () {\n if (!_this.isUnmounted && !document.hidden && styles(_this.carousel.current, 'visibility') !== 'hidden') {\n _this.handleNext();\n }\n };\n\n _this.handleNext = function (e) {\n if (_this._isSliding) return;\n var _this$props = _this.props,\n wrap = _this$props.wrap,\n activeIndex = _this$props.activeIndex;\n var index = activeIndex + 1;\n var count = countChildren(_this.props.children);\n\n if (index > count - 1) {\n if (!wrap) return;\n index = 0;\n }\n\n _this.select(index, e, 'next');\n };\n\n _this.handlePrev = function (e) {\n if (_this._isSliding) return;\n var _this$props2 = _this.props,\n wrap = _this$props2.wrap,\n activeIndex = _this$props2.activeIndex;\n var index = activeIndex - 1;\n\n if (index < 0) {\n if (!wrap) return;\n index = countChildren(_this.props.children) - 1;\n }\n\n _this.select(index, e, 'prev');\n };\n\n _this.state = {\n prevClasses: '',\n currentClasses: 'active'\n };\n _this.isUnmounted = false;\n _this.carousel = React.createRef();\n return _this;\n }\n\n var _proto = Carousel.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.cycle();\n };\n\n Carousel.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n var previousActiveIndex = _ref.activeIndex;\n\n if (nextProps.activeIndex !== previousActiveIndex) {\n var lastPossibleIndex = countChildren(nextProps.children) - 1;\n var nextIndex = Math.max(0, Math.min(nextProps.activeIndex, lastPossibleIndex));\n var direction;\n\n if (nextIndex === 0 && previousActiveIndex >= lastPossibleIndex || previousActiveIndex <= nextIndex) {\n direction = 'next';\n } else {\n direction = 'prev';\n }\n\n return {\n direction: direction,\n previousActiveIndex: previousActiveIndex,\n activeIndex: nextIndex\n };\n }\n\n return null;\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(_, prevState) {\n var _this2 = this;\n\n var _this$props3 = this.props,\n bsPrefix = _this$props3.bsPrefix,\n slide = _this$props3.slide,\n onSlideEnd = _this$props3.onSlideEnd;\n if (!slide || this.state.activeIndex === prevState.activeIndex || this._isSliding) return;\n var _this$state = this.state,\n activeIndex = _this$state.activeIndex,\n direction = _this$state.direction;\n var orderClassName, directionalClassName;\n\n if (direction === 'next') {\n orderClassName = bsPrefix + \"-item-next\";\n directionalClassName = bsPrefix + \"-item-left\";\n } else if (direction === 'prev') {\n orderClassName = bsPrefix + \"-item-prev\";\n directionalClassName = bsPrefix + \"-item-right\";\n }\n\n this._isSliding = true;\n this.pause(); // eslint-disable-next-line react/no-did-update-set-state\n\n this.safeSetState({\n prevClasses: 'active',\n currentClasses: orderClassName\n }, function () {\n var items = _this2.carousel.current.children;\n var nextElement = items[activeIndex];\n triggerBrowserReflow(nextElement);\n\n _this2.safeSetState({\n prevClasses: classNames('active', directionalClassName),\n currentClasses: classNames(orderClassName, directionalClassName)\n }, function () {\n return transition.end(nextElement, function () {\n _this2.safeSetState({\n prevClasses: '',\n currentClasses: 'active'\n }, _this2.handleSlideEnd);\n\n if (onSlideEnd) {\n onSlideEnd();\n }\n });\n });\n });\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n clearTimeout(this.timeout);\n this.isUnmounted = true;\n };\n\n _proto.safeSetState = function safeSetState(state, cb) {\n var _this3 = this;\n\n if (this.isUnmounted) return;\n this.setState(state, function () {\n return !_this3.isUnmounted && cb();\n });\n } // This might be a public API.\n ;\n\n _proto.pause = function pause() {\n this._isPaused = true;\n clearInterval(this._interval);\n this._interval = null;\n };\n\n _proto.cycle = function cycle() {\n this._isPaused = false;\n clearInterval(this._interval);\n this._interval = null;\n\n if (this.props.interval && !this._isPaused) {\n this._interval = setInterval(document.visibilityState ? this.handleNextWhenVisible : this.handleNext, this.props.interval);\n }\n };\n\n _proto.to = function to(index, event) {\n var children = this.props.children;\n\n if (index < 0 || index > countChildren(children) - 1) {\n return;\n }\n\n if (this._isSliding) {\n this._pendingIndex = index;\n return;\n }\n\n this.select(index, event);\n };\n\n _proto.select = function select(index, event, direction) {\n var _this4 = this;\n\n clearTimeout(this.selectThrottle);\n if (event && event.persist) event.persist(); // The timeout throttles fast clicks, in order to give any pending state\n // a chance to update and propagate back through props\n\n this.selectThrottle = setTimeout(function () {\n clearTimeout(_this4.timeout);\n var _this4$props = _this4.props,\n activeIndex = _this4$props.activeIndex,\n onSelect = _this4$props.onSelect;\n if (index === activeIndex || _this4._isSliding || _this4.isUnmounted) return;\n onSelect(index, direction || (index < activeIndex ? 'prev' : 'next'), event);\n }, 50);\n };\n\n _proto.renderControls = function renderControls(properties) {\n var bsPrefix = this.props.bsPrefix;\n var wrap = properties.wrap,\n children = properties.children,\n activeIndex = properties.activeIndex,\n prevIcon = properties.prevIcon,\n nextIcon = properties.nextIcon,\n prevLabel = properties.prevLabel,\n nextLabel = properties.nextLabel;\n var count = countChildren(children);\n return [(wrap || activeIndex !== 0) && React.createElement(SafeAnchor, {\n key: \"prev\",\n className: bsPrefix + \"-control-prev\",\n onClick: this.handlePrev\n }, prevIcon, prevLabel && React.createElement(\"span\", {\n className: \"sr-only\"\n }, prevLabel)), (wrap || activeIndex !== count - 1) && React.createElement(SafeAnchor, {\n key: \"next\",\n className: bsPrefix + \"-control-next\",\n onClick: this.handleNext\n }, nextIcon, nextLabel && React.createElement(\"span\", {\n className: \"sr-only\"\n }, nextLabel))];\n };\n\n _proto.renderIndicators = function renderIndicators(children, activeIndex) {\n var _this5 = this;\n\n var bsPrefix = this.props.bsPrefix;\n var indicators = [];\n forEach(children, function (child, index) {\n indicators.push(React.createElement(\"li\", {\n key: index,\n className: index === activeIndex ? 'active' : null,\n onClick: function onClick(e) {\n return _this5.to(index, e);\n }\n }), // Force whitespace between indicator elements. Bootstrap requires\n // this for correct spacing of elements.\n ' ');\n });\n return React.createElement(\"ol\", {\n className: bsPrefix + \"-indicators\"\n }, indicators);\n };\n\n _proto.render = function render() {\n var _this$props4 = this.props,\n Component = _this$props4.as,\n bsPrefix = _this$props4.bsPrefix,\n slide = _this$props4.slide,\n fade = _this$props4.fade,\n indicators = _this$props4.indicators,\n controls = _this$props4.controls,\n wrap = _this$props4.wrap,\n prevIcon = _this$props4.prevIcon,\n prevLabel = _this$props4.prevLabel,\n nextIcon = _this$props4.nextIcon,\n nextLabel = _this$props4.nextLabel,\n className = _this$props4.className,\n children = _this$props4.children,\n keyboard = _this$props4.keyboard,\n _5 = _this$props4.activeIndex,\n _4 = _this$props4.pauseOnHover,\n _3 = _this$props4.interval,\n _2 = _this$props4.onSelect,\n _1 = _this$props4.onSlideEnd,\n props = _objectWithoutPropertiesLoose(_this$props4, [\"as\", \"bsPrefix\", \"slide\", \"fade\", \"indicators\", \"controls\", \"wrap\", \"prevIcon\", \"prevLabel\", \"nextIcon\", \"nextLabel\", \"className\", \"children\", \"keyboard\", \"activeIndex\", \"pauseOnHover\", \"interval\", \"onSelect\", \"onSlideEnd\"]);\n\n var _this$state2 = this.state,\n activeIndex = _this$state2.activeIndex,\n previousActiveIndex = _this$state2.previousActiveIndex,\n prevClasses = _this$state2.prevClasses,\n currentClasses = _this$state2.currentClasses;\n return (// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n React.createElement(Component, _extends({}, props, {\n className: classNames(className, bsPrefix, slide && 'slide', fade && bsPrefix + \"-fade\"),\n onKeyDown: keyboard ? this.handleKeyDown : undefined,\n onMouseOver: this.handleMouseOver,\n onMouseOut: this.handleMouseOut\n }), indicators && this.renderIndicators(children, activeIndex), React.createElement(\"div\", {\n className: bsPrefix + \"-inner\",\n ref: this.carousel\n }, map(children, function (child, index) {\n var current = index === activeIndex;\n var previous = index === previousActiveIndex;\n return cloneElement(child, {\n className: classNames(child.props.className, bsPrefix + \"-item\", current && currentClasses, previous && prevClasses)\n });\n })), controls && this.renderControls({\n wrap: wrap,\n children: children,\n activeIndex: activeIndex,\n prevIcon: prevIcon,\n prevLabel: prevLabel,\n nextIcon: nextIcon,\n nextLabel: nextLabel\n }))\n );\n };\n\n return Carousel;\n}(React.Component);\n\nCarousel.defaultProps = defaultProps;\nvar DecoratedCarousel = createBootstrapComponent(uncontrollable(Carousel, {\n activeIndex: 'onSelect'\n}), 'carousel');\nDecoratedCarousel.Caption = CarouselCaption;\nDecoratedCarousel.Item = CarouselItem;\nexport default DecoratedCarousel;"],"sourceRoot":""}\n
\n \n 
\n
\n \n {content && (\n
\n \n {content.card[0].card_list_items.map((item, idx) => {\n return (\n
\n )}\n \n
\n );\n })}\n \n 
\n
\n {item.item}
\n \n 
\n
\n