@fynd-design-engineering/fynd-one-v2 3.4.31 → 3.4.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{let t=document.querySelector('[fynd-chat="input"]'),u=document.querySelector('[fynd-chat="input-ghost"]'),a=document.querySelector('[fynd-chat="input-container"]'),l=document.querySelector('[fynd-chat="icon"]'),c=document.querySelector('[fynd-chat="button"]'),s=document.querySelector('[fynd-chat="window"]'),n=document.querySelector('[fynd-chat="window-overlay"]');if(!t||!u||!a||!l||!c||!s||!n)return;s.style.opacity="0",s.style.transform="scale(0)",s.style.transformOrigin="bottom center",n.style.opacity="0",n.style.pointerEvents="none",n.style.display="none";let d=!1,i=!1;function o(){d||i?m():h()}function m(){t.setAttribute("fynd-chat-active","true"),c.setAttribute("fynd-chat-active","true"),l.setAttribute("fynd-chat-active","true")}function h(){t.setAttribute("fynd-chat-active","false"),c.setAttribute("fynd-chat-active","false"),l.setAttribute("fynd-chat-active","false")}function y(){u.textContent=t.value||" ";let e=Math.min(600,Math.max(320,u.offsetWidth+40));a.style.width=`${e}px`}function E(){let e=window.gsap;e&&(n.style.pointerEvents="auto",n.style.display="block",e.to(s,{duration:.3,scale:1,opacity:1,ease:"power2.out"}),e.to(n,{duration:.3,opacity:1,ease:"power2.out"}))}function L(){let e=window.gsap;e&&(e.to(n,{duration:.2,opacity:0,ease:"power2.out",onComplete:()=>{n.style.pointerEvents="none",n.style.display="none"}}),e.to(s,{duration:.2,scale:0,opacity:0,ease:"power2.in"}))}t.addEventListener("input",y),a.addEventListener("mouseenter",()=>{d=!0,o()}),a.addEventListener("mouseleave",()=>{d=!1,o()}),t.addEventListener("focus",()=>{i=!0,o()}),t.addEventListener("blur",()=>{i=!1,o()}),document.addEventListener("keydown",e=>{let w=navigator.platform.toLowerCase().includes("mac");e.key.toLowerCase()==="e"&&(w&&e.metaKey||!w&&e.ctrlKey)&&(e.preventDefault(),t.focus(),i=!0,o())});function f(){let e=t.value.trim();e&&(window.kaily("event","sendUserMessage",{message:e}),E(),t.value="",y(),t.blur(),i=!1,d=!1,o())}c.addEventListener("click",()=>{i&&f()}),t.addEventListener("keydown",e=>{e.key==="Enter"&&(e.preventDefault(),f())}),n.addEventListener("click",L);function p(){let e=window.gsap;e&&e.to(a,{duration:.3,y:0,ease:"power2.out"})}function v(){let e=window.gsap;e&&e.to(a,{duration:.3,y:100,ease:"power2.out"})}let r=window.scrollY>100;r?p():v(),window.addEventListener("scroll",()=>{let e=window.scrollY>100;e&&!r?(p(),r=!0):!e&&r&&(v(),r=!1)}),o()});})();
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../bin/live-reload.js", "../../src/global/chat.ts"],
|
|
4
|
+
"sourcesContent": ["// Only enable live reload when running on localhost\nif (\n window.location.hostname === \"localhost\" ||\n window.location.hostname === \"127.0.0.1\"\n) {\n new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener(\"change\", () =>\n location.reload()\n );\n} else {\n // console.log(\"Live reload disabled: not running on localhost\");\n}\n", "document.addEventListener('DOMContentLoaded', () => {\n const dynamicInput = document.querySelector('[fynd-chat=\"input\"]') as HTMLInputElement | null\n const measureSpan = document.querySelector('[fynd-chat=\"input-ghost\"]') as HTMLSpanElement | null\n const chatContainer = document.querySelector('[fynd-chat=\"input-container\"]') as HTMLElement | null\n const chatIcon = document.querySelector('[fynd-chat=\"icon\"]') as HTMLElement | null\n const chatButton = document.querySelector('[fynd-chat=\"button\"]') as HTMLElement | null\n const chatWindow = document.querySelector('[fynd-chat=\"window\"]') as HTMLElement | null\n const chatOverlay = document.querySelector('[fynd-chat=\"window-overlay\"]') as HTMLElement | null\n\n if (\n !dynamicInput ||\n !measureSpan ||\n !chatContainer ||\n !chatIcon ||\n !chatButton ||\n !chatWindow ||\n !chatOverlay\n ) {\n return\n }\n\n // initial hidden state for window and overlay\n chatWindow.style.opacity = '0'\n chatWindow.style.transform = 'scale(0)'\n chatWindow.style.transformOrigin = 'bottom center'\n\n chatOverlay.style.opacity = '0'\n chatOverlay.style.pointerEvents = 'none'\n chatOverlay.style.display = 'none'\n\n let isHovering = false\n let isFocused = false\n\n function updateState(): void {\n if (isHovering || isFocused) {\n activateInput()\n } else {\n deActivateInput()\n }\n }\n\n function activateInput(): void {\n dynamicInput!.setAttribute('fynd-chat-active', 'true')\n chatButton!.setAttribute('fynd-chat-active', 'true')\n chatIcon!.setAttribute('fynd-chat-active', 'true')\n }\n\n function deActivateInput(): void {\n dynamicInput!.setAttribute('fynd-chat-active', 'false')\n chatButton!.setAttribute('fynd-chat-active', 'false')\n chatIcon!.setAttribute('fynd-chat-active', 'false')\n }\n\n function resizeInput(): void {\n measureSpan!.textContent = dynamicInput!.value || ' '\n const newWidth = Math.min(600, Math.max(320, measureSpan!.offsetWidth + 40))\n chatContainer!.style.width = `${newWidth}px`\n }\n\n function showKailyWindow(): void {\n const gsapLib = (window as any).gsap\n if (!gsapLib) return\n\n // allow overlay clicks when visible\n chatOverlay!.style.pointerEvents = 'auto'\n chatOverlay!.style.display = 'block'\n\n gsapLib.to(chatWindow, {\n duration: 0.3,\n scale: 1,\n opacity: 1,\n ease: 'power2.out'\n })\n\n gsapLib.to(chatOverlay, {\n duration: 0.3,\n opacity: 1,\n ease: 'power2.out'\n })\n }\n\n function hideKailyWindow(): void {\n const gsapLib = (window as any).gsap\n if (!gsapLib) return\n\n gsapLib.to(chatOverlay, {\n duration: 0.2,\n opacity: 0,\n ease: 'power2.out',\n onComplete: () => {\n chatOverlay!.style.pointerEvents = 'none'\n chatOverlay!.style.display = 'none'\n }\n })\n\n gsapLib.to(chatWindow, {\n duration: 0.2,\n scale: 0,\n opacity: 0,\n ease: 'power2.in'\n })\n }\n\n dynamicInput.addEventListener('input', resizeInput)\n\n chatContainer.addEventListener('mouseenter', () => {\n isHovering = true\n updateState()\n })\n\n chatContainer.addEventListener('mouseleave', () => {\n isHovering = false\n updateState()\n })\n\n dynamicInput.addEventListener('focus', () => {\n isFocused = true\n updateState()\n })\n\n dynamicInput.addEventListener('blur', () => {\n isFocused = false\n updateState()\n })\n\n // cmd+E or ctrl+E to focus\n document.addEventListener('keydown', (event: KeyboardEvent) => {\n const isMac = navigator.platform.toLowerCase().includes('mac')\n const pressedE = event.key.toLowerCase() === 'e'\n\n if (pressedE && ((isMac && event.metaKey) || (!isMac && event.ctrlKey))) {\n event.preventDefault()\n dynamicInput.focus()\n isFocused = true\n updateState()\n }\n })\n\n // send message function\n function sendMessage(): void {\n const msg = dynamicInput!.value.trim()\n if (!msg) return\n\n ; (window as any).kaily('event', 'sendUserMessage', { message: msg })\n\n // show kaily window after sending\n showKailyWindow()\n\n dynamicInput!.value = ''\n resizeInput()\n\n // remove focus and deactivate\n dynamicInput!.blur()\n isFocused = false\n isHovering = false\n updateState()\n }\n\n // button click send\n chatButton.addEventListener('click', () => {\n if (isFocused) sendMessage()\n })\n\n // enter key send\n dynamicInput.addEventListener('keydown', (event: KeyboardEvent) => {\n if (event.key === 'Enter') {\n event.preventDefault()\n sendMessage()\n }\n })\n\n // overlay click hides window\n chatOverlay.addEventListener('click', hideKailyWindow)\n\n // --------------------\n // scroll-based input animation\n // --------------------\n\n function ChatInputIN(): void {\n const gsapLib = (window as any).gsap\n if (!gsapLib) return\n\n gsapLib.to(chatContainer, {\n duration: 0.3,\n y: 0,\n ease: 'power2.out'\n })\n }\n\n function chatinputOUT(): void {\n const gsapLib = (window as any).gsap\n if (!gsapLib) return\n\n gsapLib.to(chatContainer, {\n duration: 0.3,\n y: 100,\n ease: 'power2.out'\n })\n }\n\n // track whether we're currently \"in\" or \"out\" to avoid repeated calls\n let isChatInputIn = window.scrollY > 100\n\n // set initial position\n if (isChatInputIn) {\n ChatInputIN()\n } else {\n chatinputOUT()\n }\n\n window.addEventListener('scroll', () => {\n const shouldBeIn = window.scrollY > 100\n\n if (shouldBeIn && !isChatInputIn) {\n ChatInputIN()\n isChatInputIn = true\n } else if (!shouldBeIn && isChatInputIn) {\n chatinputOUT()\n isChatInputIn = false\n }\n })\n\n updateState()\n})"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[fynd-sticky-target]{height:90vh;position:sticky;top:12vh;z-index:2}[fynd-scroll-blocks]{display:none}[fynd-scroll-source]{height:80vh}[fynd-sticky-source]{height:80vh;width:100%;position:absolute;top:0;opacity:0;background-color:transparent}[fynd-scroll-container]{opacity:0}[fynd-sticky-target]{height:80vh;border-radius:1rem;overflow:hidden}[fynd-scroll-column]{padding-left:0rem;padding-right:0rem}.progressive-scroll-image{object-fit:cover}@media (max-width: 991px){[fynd-scroll-container]{opacity:0;display:none}[fynd-scroll-blocks]{display:flex}[fynd-sticky-source]{height:auto;position:static;opacity:1}[fynd-scroll-source]{height:auto}}[fynd-console-auth=user-blob]{display:none}[fynd-console-auth-status=true]{padding:0 14px 0 4px!important}[fynd-console-auth-status=false]{padding:0 16px!important}[style-nav-primary-button=white] [fynd-console-auth=initial-text]{color:#fff}[style-nav-primary-button=white] [fynd-console-auth=user-blob]{background-color:#0e0e0e}.webflow-only-placeholder,[only-in-webflow=true]{display:none;visibility:hidden}.w-webflow-badge,.termly-styles-logo-cc6217.termly-styles-logo-c34670{display:none!important}[fynd-wrapper-field=product-interested-select],[fynd-wrapper-field=product-interested-input]{display:none}
|
|
1
|
+
[fynd-sticky-target]{height:90vh;position:sticky;top:12vh;z-index:2}[fynd-scroll-blocks]{display:none}[fynd-scroll-source]{height:80vh}[fynd-sticky-source]{height:80vh;width:100%;position:absolute;top:0;opacity:0;background-color:transparent}[fynd-scroll-container]{opacity:0}[fynd-sticky-target]{height:80vh;border-radius:1rem;overflow:hidden}[fynd-scroll-column]{padding-left:0rem;padding-right:0rem}.progressive-scroll-image{object-fit:cover}@media (max-width: 991px){[fynd-scroll-container]{opacity:0;display:none}[fynd-scroll-blocks]{display:flex}[fynd-sticky-source]{height:auto;position:static;opacity:1}[fynd-scroll-source]{height:auto}}[fynd-console-auth=user-blob]{display:none}[fynd-console-auth-status=true]{padding:0 14px 0 4px!important}[fynd-console-auth-status=false]{padding:0 16px!important}[style-nav-primary-button=white] [fynd-console-auth=initial-text]{color:#fff}[style-nav-primary-button=white] [fynd-console-auth=user-blob]{background-color:#0e0e0e}.webflow-only-placeholder,[only-in-webflow=true]{display:none;visibility:hidden}.w-webflow-badge,.termly-styles-logo-cc6217.termly-styles-logo-c34670{display:none!important}[fynd-wrapper-field=product-interested-select],[fynd-wrapper-field=product-interested-input]{display:none}[fynd-chat=input]{border:none;outline:none;width:100%;white-space:nowrap;overflow:hidden;pointer-events:auto}[fynd-chat=input-container]{transform:translateY(100px)}[fynd-chat=window]{position:absolute!important;z-index:4;transform-origin:bottom center;pointer-events:auto;overflow:hidden;transform:scale(0)}[fynd-chat=window-overlay]{pointer-events:auto;opacity:0;display:none}[fynd-chat=wrapper]{pointer-events:none;display:flex}[fynd-chat=input-ghost]{position:absolute;visibility:hidden;white-space:nowrap;font-size:16px;font-family:sans-serif}[fynd-chat=input]::placeholder{color:#fff}[fynd-chat=input]:focus{box-shadow:0 0 0 6px #00000020}[fynd-chat=input],[fynd-chat=input]::placeholder,[fynd-chat=icon],[fynd-chat=button]{transition:all .4s ease}[fynd-chat=input][fynd-chat-active=true]{background-color:#fff;border:1px solid #E3E3E3;color:#000}[fynd-chat=input][fynd-chat-active=true]::placeholder{color:#a0a1a2}[fynd-chat=input][fynd-chat-active=true]:focus{box-shadow:0 0 0 6px #00000020}[fynd-chat=icon][fynd-chat-active=true]{color:#000}[fynd-chat=button][fynd-chat-active=true]{background-color:#000;color:#fff;border:1px solid #000}[fynd-chat=input][fynd-chat-active=false]{border:1px solid #ffffff80;background-color:#0000001a;color:#fff}[fynd-chat=input][fynd-chat-active=true]:focus{box-shadow:0 0 0 6px #a2a2a220}[fynd-chat=icon][fynd-chat-active=false]{color:#fff}[fynd-chat=button][fynd-chat-active=false]{background-color:transparent;color:#fff;border:1px solid #ffffffb3}@media screen and (max-width: 479px){[fynd-chat=input]{width:80vw}}
|
package/dist/global/css/temp.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[fynd-
|
|
1
|
+
[fynd-chat=input]{border:none;outline:none;width:100%;white-space:nowrap;overflow:hidden;pointer-events:auto}[fynd-chat=input-container]{transform:translateY(100px)}[fynd-chat=window]{position:absolute!important;z-index:4;transform-origin:bottom center;pointer-events:auto;overflow:hidden;transform:scale(0)}[fynd-chat=window-overlay]{pointer-events:auto;opacity:0;display:none}[fynd-chat=wrapper]{pointer-events:none;display:flex}[fynd-chat=input-ghost]{position:absolute;visibility:hidden;white-space:nowrap;font-size:16px;font-family:sans-serif}[fynd-chat=input]::placeholder{color:#fff}[fynd-chat=input]:focus{box-shadow:0 0 0 6px #00000020}[fynd-chat=input],[fynd-chat=input]::placeholder,[fynd-chat=icon],[fynd-chat=button]{transition:all .4s ease}[fynd-chat=input][fynd-chat-active=true]{background-color:#fff;border:1px solid #E3E3E3;color:#000}[fynd-chat=input][fynd-chat-active=true]::placeholder{color:#a0a1a2}[fynd-chat=input][fynd-chat-active=true]:focus{box-shadow:0 0 0 6px #00000020}[fynd-chat=icon][fynd-chat-active=true]{color:#000}[fynd-chat=button][fynd-chat-active=true]{background-color:#000;color:#fff;border:1px solid #000}[fynd-chat=input][fynd-chat-active=false]{border:1px solid #ffffff80;background-color:#0000001a;color:#fff}[fynd-chat=input][fynd-chat-active=true]:focus{box-shadow:0 0 0 6px #a2a2a220}[fynd-chat=icon][fynd-chat-active=false]{color:#fff}[fynd-chat=button][fynd-chat-active=false]{background-color:transparent;color:#fff;border:1px solid #ffffffb3}@media screen and (max-width: 479px){[fynd-chat=input]{width:80vw}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/global/css/temp.css"],
|
|
4
|
-
"sourcesContent": [" [fynd-
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["[fynd-chat=\"input\"] {\n border: none;\n outline: none;\n width: 100%;\n white-space: nowrap;\n /* stops new lines */\n overflow: hidden;\n pointer-events: auto;\n}\n[fynd-chat=\"input-container\"] {\ntransform: translate(0px, 100px);\n}\n\n[fynd-chat=\"window\"]{\n position: absolute !important;\n z-index: 4;\n transform-origin: bottom center;\n pointer-events: auto;\n overflow: hidden;\n transform: scale(0);\n}\n[fynd-chat=\"window-overlay\"]{\npointer-events: auto;\nopacity: 0;\n display: none;\n}\n\n[fynd-chat=\"wrapper\"]{\n pointer-events: none;\n display: flex;\n}\n\n/* hidden \"ghost\" element for measuring text width */\n[fynd-chat=\"input-ghost\"] {\n position: absolute;\n visibility: hidden;\n white-space: nowrap;\n font-size: 16px;\n font-family: sans-serif;\n}\n\n[fynd-chat=\"input\"]::placeholder {\n color: white;\n}\n\n[fynd-chat=\"input\"]:focus {\n box-shadow: 0 0 0 6px #00000020;\n}\n\n/* transition timings */\n[fynd-chat=\"input\"],\n[fynd-chat=\"input\"]::placeholder ,\n[fynd-chat=\"icon\"] ,\n[fynd-chat=\"button\"] {\n transition: all 0.4s ease;\n}\n\n/* activated input styles */\n[fynd-chat=\"input\"][fynd-chat-active=\"true\"] {\n background-color: #fff;\n border: 1px solid #E3E3E3;\n color: #000;\n}\n[fynd-chat=\"input\"][fynd-chat-active=\"true\"]::placeholder {\n color: #A0A1A2;\n}\n[fynd-chat=\"input\"][fynd-chat-active=\"true\"]:focus {\n box-shadow: 0 0 0 6px #00000020;\n}\n[fynd-chat=\"icon\"][fynd-chat-active=\"true\"]{\n color: #000000;\n}\n[fynd-chat=\"button\"][fynd-chat-active=\"true\"]{\n background-color: #000000;\n color: #ffffff;\n border: 1px solid #000;\n}\n\n/* disabled input styles */\n[fynd-chat=\"input\"][fynd-chat-active=\"false\"] {\n border: 1px solid #ffffff80;\n background-color: #0000001a;\n color: #fff;\n}\n[fynd-chat=\"input\"][fynd-chat-active=\"true\"]:focus {\n box-shadow: 0 0 0 6px #a2a2a220;\n}\n\n[fynd-chat=\"icon\"][fynd-chat-active=\"false\"]{\n color: #fff;\n}\n[fynd-chat=\"button\"][fynd-chat-active=\"false\"]{\n background-color: transparent;\n color: #ffffff;\n border: 1px solid #ffffffb3;\n}\n\n\n@media screen and (max-width: 479px) {\n[fynd-chat=\"input\"] {\n width: 80vw;\n}\n}"],
|
|
5
|
+
"mappings": ";AAAA,CAAC;AACG,UAAQ;AACR,WAAS;AACT,SAAO;AACP,eAAa;AAEb,YAAU;AACV,kBAAgB;AACpB;AACA,CAAC;AACD,aAAW,UAAU,GAAG,EAAE;AAC1B;AAEA,CAAC;AACG,YAAU;AACV,WAAS;AACT,oBAAkB,OAAO;AACzB,kBAAgB;AAChB,YAAU;AACN,aAAW,MAAM;AACzB;AACA,CAAC;AACD,kBAAgB;AAChB,WAAS;AACL,WAAS;AACb;AAEA,CAAC;AACG,kBAAgB;AAChB,WAAS;AACb;AAGA,CAAC;AACG,YAAU;AACV,cAAY;AACZ,eAAa;AACb,aAAW;AACX,eAAa;AACjB;AAEA,CAAC,gBAAkB;AACf,SAAO;AACX;AAEA,CAAC,gBAAkB;AACf,cAAY,EAAE,EAAE,EAAE,IAAI;AAC1B;AAGA,CAAC;AACD,CAAC,gBAAkB;AACnB,CAAC;AACD,CAAC;AACG,cAAY,IAAI,KAAK;AACzB;AAGA,CAAC,gBAAkB,CAAC;AAChB,oBAAkB;AAClB,UAAQ,IAAI,MAAM;AAClB,SAAO;AACX;AACA,CAAC,gBAAkB,CAAC,sBAAwB;AACxC,SAAO;AACX;AACA,CAAC,gBAAkB,CAAC,sBAAwB;AACxC,cAAY,EAAE,EAAE,EAAE,IAAI;AAC1B;AACA,CAAC,eAAiB,CAAC;AACf,SAAO;AACX;AACA,CAAC,iBAAmB,CAAC;AACjB,oBAAkB;AAClB,SAAO;AACP,UAAQ,IAAI,MAAM;AACtB;AAGA,CAAC,gBAAkB,CAAC;AAChB,UAAQ,IAAI,MAAM;AAClB,oBAAkB;AAClB,SAAO;AACX;AACA,CAAC,gBAAkB,CAAC,sBAAwB;AACxC,cAAY,EAAE,EAAE,EAAE,IAAI;AAC1B;AAEA,CAAC,eAAiB,CAAC;AACf,SAAO;AACX;AACA,CAAC,iBAAmB,CAAC;AACjB,oBAAkB;AAClB,SAAO;AACP,UAAQ,IAAI,MAAM;AACtB;AAGA,OAAO,OAAO,IAAI,CAAC,SAAS,EAAE;AAC9B,GAAC;AACG,WAAO;AACX;AACA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
1
|
+
"use strict";(()=>{var p=[{optionName:"Building a website",selectValues:["Storefront","Commerce"]},{optionName:"Supply chain solutions",selectValues:["WMS","OMS","TMS","Commerce"]},{optionName:"Retail store solutions",selectValues:["Store OS","Commerce"]},{optionName:"Sell on Marketplaces",selectValues:["Konnect","Commerce"]},{optionName:"AI solutions",selectValues:["Kaily, Workflow builder, AI photoshoot"]},{optionName:"Fashion manufacturing solution",selectValues:["GaaS","DaaS"]}],y=[{slug:"/solutions/transport-management-system",selectValues:["TMS","Commerce"]},{slug:"/solutions/storefront",selectValues:["Storefront","Commerce"]},{slug:"/solutions/wms",selectValues:["WMS","Commerce"]},{slug:"/solutions/order-management-system",selectValues:["OMS","Commerce"]},{slug:"/solutions/order-management-system",selectValues:["OMS","Commerce"]},{slug:"/solutions/fynd-quick",selectValues:["Quick Commerce","Commerce"]},{slug:"/solutions/b2b-commerce",selectValues:["Commerce B2B","Commerce"]},{slug:"/solutions/ai-pim",selectValues:["AI PIM","Commerce"]},{slug:"/solutions/konnect-integrations",selectValues:["OMS","Commerce"]},{slug:"/solutions/logistics",selectValues:["Fynd Logistics","Commerce"]},{slug:"/solutions/returns-management-system",selectValues:["StoreOS"]},{slug:"/solutions/pos",selectValues:["StoreOS","POS"]},{slug:"/solutions/endless-aisle",selectValues:["StoreOS","Endless Aisle"]},{slug:"/solutions/clienteling",selectValues:["StoreOS","Clienteling"]},{slug:"/solutions/self-checkout",selectValues:["StoreOS","Self Checkout Kiosk"]},{slug:"/solutions/engage",selectValues:["Engage","Commerce"]},{slug:"/solutions/forge",selectValues:["Forge"]},{slug:"/solutions/ai-photoshoots",selectValues:["Snap"]},{slug:"/solutions/ai-agent-builder",selectValues:["Kaily"]},{slug:"/solutions/workflow-automation",selectValues:["Boltic"]},{slug:"/solutions/3d-ar-vr-try-ons",selectValues:["GlamAR"]},{slug:"/solutions/ai-editing-for-commerce",selectValues:["Pixelbin"]},{slug:"/solutions/ai-photoshoots",selectValues:["Create Design"]}];function c(){try{let e=h(),s="Inbound Form",o="Inbound",r="Prospect";if(!e||e.userJourney.length===0)return;let t=e.userJourney[0],l=e.userJourney[e.userJourney.length-1];e.userJourney.length>1&&e.userJourney[e.userJourney.length-1].page==="/contact-us"&&(l=e.userJourney[e.userJourney.length-2]);let n={utm_source:t.utm.source,utm_medium:t.utm.medium,utm_campaign:t.utm.campaign,source:s,source_direction:o,contact_type:r,userjourney:JSON.stringify(e.userJourney),device:e.deviceCategory,browser:e.browser,refferer_domain:document.referrer?new URL(document.referrer).hostname:"",host_url:window.location.hostname,"current-page-url":window.location.href};Object.entries(n).forEach(([a,i])=>{S(a,i)})}catch(e){console.error("Error filling form with user journey data:",e)}}function h(){try{let e=localStorage.getItem("userJourney");return e?JSON.parse(e):null}catch(e){return console.error("Error getting user journey data:",e),null}}function S(e,s){try{let o=`[fynd-queryparam-name="${e}"]`,r=document.querySelectorAll(o);r.length>0&&r.forEach(t=>{t.value=s;let l=new Event("input",{bubbles:!0});t.dispatchEvent(l);let n=new Event("change",{bubbles:!0});t.dispatchEvent(n)})}catch(o){console.error(`Error filling field [${e}]:`,o)}}function m(e){return Array.isArray(e)?e.join("; "):""}function E(){return!window.location.pathname.startsWith("/solutions/")}function V(){let e=window.location.pathname,s=y.find(t=>t.slug===e);if(!s)return;let o=m(s.selectValues);document.querySelectorAll('[fynd-form-field="product-interested-input"]').forEach(t=>{t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement?t.value=o:t.textContent=o})}function v(){let e='[fynd-wrapper-field="product-interested-select"]',s='[fynd-form-field="product-interested-select"]',o='[fynd-form-field="product-interested-input"]',r=document.querySelectorAll(s),t=document.querySelectorAll(o),l=document.querySelectorAll(e);if(!E()){V(),l.forEach(n=>{n.style.display="none"});return}l.forEach(n=>{n.style.display="flex"}),r.length&&r.forEach(n=>{n.addEventListener("change",()=>{let a=n.value,i=p.find(u=>u.optionName===a),g=i?m(i.selectValues):"";t.forEach(u=>{u.value=g;let d=new Event("input",{bubbles:!0});u.dispatchEvent(d);let f=new Event("change",{bubbles:!0});u.dispatchEvent(f)})})})}document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{c(),v()},500)});document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{c()},500)}):setTimeout(()=>{c()},500);window.fillFormWithUserJourney=c;})();
|
package/package.json
CHANGED