@appstorys/react-web 1.0.0
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.
- package/dist/index.d.mts +711 -0
- package/dist/index.d.ts +711 -0
- package/dist/index.js +100 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +100 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +42 -0
package/dist/index.js
ADDED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";var Jn=Object.create;var he=Object.defineProperty;var Kn=Object.getOwnPropertyDescriptor;var Xn=Object.getOwnPropertyNames;var Zn=Object.getPrototypeOf,ti=Object.prototype.hasOwnProperty;var Vt=(t,e)=>()=>(t&&(e=t(t=0)),e);var xo=(t,e)=>{for(var o in e)he(t,o,{get:e[o],enumerable:!0})},So=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Xn(e))!ti.call(t,n)&&n!==o&&he(t,n,{get:()=>e[n],enumerable:!(i=Kn(e,n))||i.enumerable});return t};var De=(t,e,o)=>(o=t!=null?Jn(Zn(t)):{},So(e||!t||!t.__esModule?he(o,"default",{value:t,enumerable:!0}):o,t)),ei=t=>So(he({},"__esModule",{value:!0}),t);var et,ee=Vt(()=>{"use strict";et=class{static async getItem(e){try{return localStorage.getItem(e)}catch{return null}}static async setItem(e,o){try{localStorage.setItem(e,o)}catch{}}static async removeItem(e){try{localStorage.removeItem(e)}catch{}}}});function Tt(){return _e.getState().userId}async function ot(){return et.getItem("access_token")}function vo(t){if(!t)return;let e=String(t||"").trim();if(e)return _e.getState().variantMappings?.[e]}var Co,_e,F,Z=Vt(()=>{"use strict";Co=require("zustand");ee();_e=(0,Co.create)(t=>({userId:"",appId:"",accountId:"",currentScreen:"",campaigns:[],allCampaigns:[],campaignVersion:2,trackedEvents:[],trackedEventMetadata:{},isVisible:!0,isAnonymousUser:!1,variantMappings:{},personalizationData:{},screenCaptureEnabled:!1,baseUrl:void 0,trackingUrl:void 0,saveCampaigns:e=>t({campaigns:e}),saveAllCampaigns:e=>t({allCampaigns:e}),setCampaignVersion:e=>t({campaignVersion:e}),setUserId:e=>t({userId:e}),setAppId:e=>t({appId:e}),setAccountId:e=>t({accountId:e}),setCurrentScreen:e=>t({currentScreen:e}),setAttributes:e=>t({attributes:e}),setTrackedEvents:e=>t({trackedEvents:e}),setTrackedEventMetadata:e=>t({trackedEventMetadata:e}),setVisibility:e=>t({isVisible:e}),setIsAnonymousUser:e=>t({isAnonymousUser:e}),setVariantMappings:e=>t({variantMappings:e}),setPersonalizationData:e=>t({personalizationData:e}),setScreenCaptureEnabled:e=>t({screenCaptureEnabled:e}),setBaseUrl:e=>t({baseUrl:e}),setTrackingUrl:e=>t({trackingUrl:e})}));F=_e});async function Yt(){try{return{browser:navigator.userAgent,language:navigator.language,platform:"web",screen_width_px:window.innerWidth,screen_height_px:window.innerHeight,screen_density:window.devicePixelRatio,orientation:window.innerWidth<window.innerHeight?"portrait":"landscape",timezone:Intl.DateTimeFormat().resolvedOptions().timeZone}}catch(t){return console.error("Error fetching device info:",t),{}}}var xe=Vt(()=>{"use strict"});async function Ot(t,e,o){try{let i={account_id:t,app_id:e,user_id:o};if(await et.getItem(Ro))console.log("Device info already sent previously - skipping");else{let g=await Yt();i.attributes={...g},console.log("First time verification - including device info in attributes")}let a=F.getState().baseUrl||"https://users.appstorys.co",l=await fetch(`${a}/${t}/validate-account`,{method:"POST",body:JSON.stringify(i),headers:{Accept:"application/json","Content-Type":"application/json"}});if(console.log("Verify account body",i),console.log("Verifying account",l.status,l.statusText),l.ok){let g=await l.json();console.log("Account verified",g);let{access_token:p,refresh_token:x}=g;if(p&&x)return await et.setItem("access_token",p),await et.setItem("refresh_token",x),i.attributes&&(await et.setItem(Ro,"true"),console.log("Device info sent flag set")),!0}return!1}catch(i){return console.error("Error when verifying AppStorys account",i),!1}}var Ro,Se=Vt(()=>{"use strict";ee();xe();Z();Ro="device_info_sent"});async function Pe(t,e){if(!e||e.length===0){console.info("AppStorys: identifyWidgetPositions called with empty positionList; skipping");return}let o=await ot();if(!o){console.error("AppStorys: identifyWidgetPositions - access token not found");return}try{let i="https://backend.appstorys.co/api/v2/appinfo/identify-positions/";console.info("AppStorys: identifyWidgetPositions payload",{screen_name:t,position_list:e});let n=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`,Accept:"application/json"},body:JSON.stringify({screen_name:t,position_list:e})});n.ok?console.info("AppStorys: identifyWidgetPositions OK"):console.error("AppStorys: identifyWidgetPositions failed",n.status,await n.text())}catch(i){console.error("AppStorys: identifyWidgetPositions error",i)}}var En=Vt(()=>{"use strict";Z()});function Ee(t){return t&&(t.startsWith("widget_")?t:`widget_${t}`)}function Dn(){try{let t=F.getState().allCampaigns||[],e=[];return t.forEach(o=>{o&&o.position&&typeof o.position=="string"&&e.push(String(o.position));try{if(o&&o.campaign_type==="WID"&&o.details){let i=o.details;typeof i=="object"&&(i.id&&typeof i.id=="string"&&e.push(String(i.id)),i.variants&&typeof i.variants=="object"&&Object.values(i.variants).forEach(n=>{n&&n.id&&typeof n.id=="string"&&e.push(String(n.id))}))}}catch{}}),e.filter(o=>!!o).map(o=>Ee(String(o))).filter(o=>!!o)}catch{return[]}}function Qi(t){try{let e=Dn();if(!e||e.length===0)return[];let o=[];return e.forEach(i=>{let n=i.replace(/^widget_/,""),r=[`[data-as-id="${n}"]`,`#${n}`,`.${n}`,`[data-widget="${n}"]`],a=null;for(let l of r)if(a=document.querySelector(l),a)break;if(a){let l=a.getBoundingClientRect(),g={x:Math.round(l.left),y:Math.round(l.top),width:Math.round(l.width),height:Math.round(l.height),screenWidth:window.innerWidth,screenHeight:window.innerHeight};te.addLayoutInfo(t,n,g),o.push(n)}}),console.info("AppStorys: mapServerPositionsToDOM mapped",o.length,"server positions to DOM elements",o),o}catch(e){return console.warn("AppStorys: mapServerPositionsToDOM error",e),[]}}function Gi(t){return me[t]||(me[t]=[]),me[t]}function Ln(t,e,o,i){let n=new FormData,r=t.replace(/[^a-z0-9]/gi,"_"),a=`screenshot_${e}_${r}_${Date.now()}.png`,l=new File([i],a,{type:"image/png"});n.append("screenName",t),n.append("user_id",e),n.append("children",o),n.append("screenshot",l);try{console.groupCollapsed("AppStorys: FormData Payload Diagnostic"),console.info(" screenName:",t),console.info(" user_id:",e),console.info(" children:",JSON.parse(o)),console.info(" screenshot:",l.name,`(${l.size} bytes)`),console.groupEnd()}catch(g){console.warn("AppStorys: Could not run FormData diagnostics",g)}return n}var me,te,Wn=Vt(()=>{"use strict";Z();Se();En();Z();me={};te=class{static setup(e,o){let i=F.getState();i.setScreenCaptureEnabled(o),i.setCurrentScreen(e)}static addLayoutInfo(e,o,i){let n=Gi(e),r=n.findIndex(g=>g.id===o),a={...i,screenWidth:i.screenWidth||window.innerWidth,screenHeight:i.screenHeight||window.innerHeight},l={id:o,frame:a};r>=0?n[r]=l:n.push(l)}static collectElements(e){this.clearLayoutData(e);let o=document.querySelectorAll("[data-as-id]"),i=window.innerWidth,n=window.innerHeight,r=[];o.forEach(a=>{let l=a.getAttribute("data-as-id");if(l){r.push(l);let g=a.getBoundingClientRect();this.addLayoutInfo(e,l,{x:Math.round(g.left),y:Math.round(g.top),width:Math.round(g.width),height:Math.round(g.height),screenWidth:i,screenHeight:n})}}),console.info(`AppStorys: Identified ${o.length} elements:`,r)}static clearLayoutData(e){me[e]=[]}static getLayoutData(e){return me[e]||[]}static async takeScreenshot(e,o){try{if(!e)return console.error("AppStorys: Screen name is required"),!1;console.info("AppStorys: Starting takeScreenshot for",e),F.getState().setCurrentScreen(e),this.collectElements(e);try{let u=Qi(e);u&&u.length>0&&console.info("AppStorys: mapServerPositionsToDOM added",u.length,"elements")}catch{}await new Promise(u=>setTimeout(u,100));let n=window,r=null;if(typeof n.html2canvas!="function")try{await new Promise((u,v)=>{let f=document.createElement("script");f.src="https://html2canvas.hertzen.com/dist/html2canvas.min.js",f.onload=()=>u(),f.onerror=()=>v(new Error("Failed to load html2canvas")),document.head.appendChild(f)})}catch(u){console.warn("AppStorys: html2canvas load error",u)}if(typeof n.html2canvas=="function")try{let u=await n.html2canvas(document.documentElement,{useCORS:!0,allowTaint:!0,logging:!1,scale:window.devicePixelRatio||1});r=await new Promise(v=>u.toBlob(f=>v(f),"image/png"))}catch(u){console.warn("AppStorys: html2canvas capture failed (falling back to getDisplayMedia)",u),r=null}if(!r&&navigator.mediaDevices&&navigator.mediaDevices.getDisplayMedia)try{let u=await navigator.mediaDevices.getDisplayMedia({video:!0}),v=document.createElement("video");v.srcObject=u,await v.play();let f=document.createElement("canvas");f.width=v.videoWidth||window.innerWidth,f.height=v.videoHeight||window.innerHeight;let b=f.getContext("2d");b&&b.drawImage(v,0,0,f.width,f.height),r=await new Promise(h=>f.toBlob(y=>h(y),"image/png")),v.pause(),u.getTracks().forEach(h=>h.stop())}catch(u){console.warn("AppStorys: getDisplayMedia capture failed",u)}if(!r)return console.warn("AppStorys: Capture failed \u2014 no blob generated"),!1;let a=await ot(),l=Tt();if(!l)return console.warn("AppStorys: No userId"),!1;if(!a){let u=F.getState();u.accountId&&u.appId&&u.userId&&await Ot(u.accountId,u.appId,u.userId)&&(a=await ot())}if(!a)return console.warn("AppStorys: No token available"),!1;let g="https://backend.appstorys.co/api/v1/appinfo/identify-elements/",p=JSON.stringify(this.getLayoutData(e)||[]),x=Ln(e,l,p,r);console.info("AppStorys: Sending identify-elements with payload size:",p.length);let m=await fetch(g,{method:"POST",headers:{Authorization:`Bearer ${a}`,Accept:"application/json"},body:x});if(m.status===401){console.warn("AppStorys: 401 response \u2014 retrying once");let u=F.getState();if(u.accountId&&u.appId&&u.userId&&await Ot(u.accountId,u.appId,u.userId)){let f=await ot();f&&(m=await fetch(g,{method:"POST",headers:{Authorization:`Bearer ${f}`,Accept:"application/json"},body:Ln(e,l,p,r)}))}}if(!m.ok){let u=await m.text();return console.error("AppStorys: identify-elements failed",m.status,u),!1}console.info("AppStorys: identify-elements success \u2713");try{let u=o,v=[];!u||u.length===0?v=(this.getLayoutData(e)||[]).map(y=>Ee(y.id)).filter(y=>!!y):v=u.map(h=>Ee(h)).filter(h=>!!h);let f=Dn(),b=Array.from(new Set([...v,...f]));console.info("AppStorys: identifyWidgetPositions will send",b.length,"positions (collected + server)",b),await Pe(e,b)}catch(u){console.warn("AppStorys: identifyWidgetPositions failed",u)}return!0}catch(i){return console.error("AppStorys: takeScreenshot error",i),!1}}};(function(){try{let e=window;e.AppStorysForceIdentifyPositions=async o=>{let i=F.getState(),n=o||i.currentScreen;if(!n){console.warn("AppStorys: AppStorysForceIdentifyPositions - no screen name available");return}let a=(te.getLayoutData(n)||[]).map(l=>Ee(l.id)).filter(l=>!!l);console.info("AppStorys: AppStorysForceIdentifyPositions sending",a.length,"positions for",n,a);try{await Pe(n,a),console.info("AppStorys: AppStorysForceIdentifyPositions completed")}catch(l){console.error("AppStorys: AppStorysForceIdentifyPositions error",l)}}}catch{}})()});var $n={};xo($n,{mountScreenCaptureButton:()=>_n});function Ji(){if(document.getElementById("appstorys-capture-styles"))return;let t=document.createElement("style");t.id="appstorys-capture-styles",t.innerHTML=`
|
|
2
|
+
@keyframes appstorys-spin {
|
|
3
|
+
0% { transform: rotate(0deg); }
|
|
4
|
+
100% { transform: rotate(360deg); }
|
|
5
|
+
}
|
|
6
|
+
.appstorys-spinner {
|
|
7
|
+
width: 20px;
|
|
8
|
+
height: 20px;
|
|
9
|
+
border: 3px solid rgba(255,255,255,0.3);
|
|
10
|
+
border-top: 3px solid #fff;
|
|
11
|
+
border-radius: 50%;
|
|
12
|
+
animation: appstorys-spin 0.8s linear infinite;
|
|
13
|
+
}
|
|
14
|
+
`,document.head.appendChild(t)}function Ki(){Ji();let t=document.createElement("button");return t.id="appstorys-screen-capture-btn",t.title="Capture screen",Object.assign(t.style,{position:"fixed",left:"16px",bottom:"16px",width:"100px",height:"56px",borderRadius:"28px",background:"#ff6a00",color:"#fff",border:"none",boxShadow:"0 6px 18px rgba(0,0,0,0.2)",zIndex:"2147483647",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"14px",fontWeight:"600",fontFamily:"sans-serif",transition:"all 0.2s ease"}),t.innerText="Capture",t}function _n(){try{let t=F.getState(),o=!!window.__APPSTORYS_DEBUG_CAPTURE;if(console.info("AppStorys: mountScreenCaptureButton called, screenCaptureEnabled=",t.screenCaptureEnabled,"debugForce=",o),!t.screenCaptureEnabled&&!o||document.getElementById("appstorys-screen-capture-btn"))return null;let i=Ki();return i.addEventListener("click",async()=>{i.disabled=!0;let n=i.innerText;i.innerHTML='<div class="appstorys-spinner"></div>';let a=F.getState().currentScreen||(typeof window<"u"?window.location.pathname:"");try{await te.takeScreenshot(a)}catch(l){console.error("CaptureService error",l)}i.disabled=!1,i.innerText=n,i.animate([{transform:"scale(1.0)"},{transform:"scale(1.05)"},{transform:"scale(1.0)"}],{duration:300})}),document.body.appendChild(i),console.info("AppStorys: screen capture button mounted"),i}catch(t){return console.error("mountScreenCaptureButton error",t),null}}var Mn=Vt(()=>{"use strict";Z();Wn();try{window.AppStorysMountCapture=function(){try{return _n()}catch(t){return console.error("AppStorysMountCapture failed",t),null}}}catch{}try{window.AppStorysDebugState=function(){try{let t=F.getState();return console.info("AppStorys store state:",t),t}catch(t){return console.error("AppStorysDebugState failed",t),null}}}catch{}try{window.AppStorysDebugToken=function(){try{let t=localStorage.getItem("access_token")||"",e=t.length,o=t?t.slice(0,20)+"..."+t.slice(-10):"(none)";if(console.info("Token length:",e,"masked:",o),t&&t.includes("."))try{let i=t.split(".");if(i.length===3){let n=JSON.parse(atob(i[1]));if(console.info("Token payload:",n),n.exp){let r=new Date(n.exp*1e3),a=new Date;console.info("Token expires:",r.toISOString(),"Expired:",a>r)}}}catch(i){console.warn("Could not decode JWT:",i)}return t?"Token present":"No token"}catch(t){return console.error("AppStorysDebugToken failed",t),null}}}catch{}});var Zi={};xo(Zi,{AppStorys:()=>Xi,Banner:()=>Ao,BottomSheet:()=>Tn,Csat:()=>Fn,Floater:()=>Lo,Pip:()=>Po,SdkState:()=>We,Story:()=>vn,Survey:()=>Pn,Tooltip:()=>Rn,Widget:()=>wn,personalizeText:()=>de});module.exports=ei(Zi);var We=(n=>(n.uninitialized="uninitialized",n.initializing="initializing",n.initialized="initialized",n.error="error",n))(We||{});var Bt=require("react"),ne=De(require("lottie-react"));Z();var wo=require("react");Z();Z();var oi=t=>F.getState().variantMappings[t];function $e(t){return!!(t.details&&typeof t.details=="object"&&"variants"in t.details)}function ht(t){if(!$e(t))return t;let e=oi(t.id||"");if(!e)return t;let o=t.details?.variants;if(!o||typeof o!="object")return t;let i=o[e];if(!i)return t;let n=typeof t.details=="object"?Object.fromEntries(Object.entries(t.details).filter(([a])=>a!=="variants")):{};return{...t,details:{...n,...i},_variantId:e}}var be="__back_press_triggered__";function ko(t){return(t||"").trim().toLowerCase()}function ni(t,e){let o=ko(t),i=ko(e);return!o||o===i}function ii(t,e,o){let i=Number(t),n=Number(o),r=!isNaN(i)&&!isNaN(n);switch(e){case"eq":return r?i===n:t===o;case"neq":return r?i!==n:t!==o;case"gt":return r?i>n:t>o;case"gte":return r?i>=n:t>=o;case"lt":return r?i<n:t<o;case"lte":return r?i<=n:t<=o;default:return!1}}function ri(t,e){let o=t.filter(i=>i.back_press==null);return o.length===0?!0:e.some(i=>o.every(n=>{let r=i[n.key];return r==null?!1:ii(String(r),n.operator,n.value)}))}function si(t,e,o){let i=t,n=i.trigger_event??i.trigger,r=t.id;return!n}function Me(){let{campaigns:t,trackedEvents:e,trackedEventMetadata:o,currentScreen:i}=F.getState();return t.some(n=>{if(n.screen&&n.screen!==i)return!1;let r=n.trigger_event;if(!r||typeof r=="string")return!1;let{event:a,event_config:l}=r;if(!(l??[]).some(x=>x.back_press===!0)||e.includes(be)||!e.includes(a))return!1;let g=(l??[]).filter(x=>x.back_press==null);if(g.length===0)return!0;let p=o[a]||[];return ri(g,p)})}function st(t,e){let o=F(g=>g.currentScreen),i=F(g=>g.campaigns),n=F(g=>g.allCampaigns),r=F(g=>g.trackedEvents),a=F(g=>g.trackedEventMetadata),l=F(g=>g.variantMappings);return(0,wo.useMemo)(()=>{let g=m=>m.find(u=>ni(u.screen,o)&&u.campaign_type===t&&(e?.position?u.position===e.position:!0)&&si(u,r,a)),x=(i&&i.length>0?g(i):void 0)??g(n||[]);if(x)return ht(x)},[i,n,r,a,l,t,e,o])}Z();xe();ee();Z();Se();var To="appstorys_offline_queue";async function zo(){let t=await et.getItem(To);return t?JSON.parse(t):[]}async function Fo(t){await et.setItem(To,JSON.stringify(t))}function ai(t){return Math.min(3e4*Math.pow(2,t),12e4)}function li(t){let o=t.retryCount||0,i=t.lastAttempt||0,n=ai(o);return o<3&&Date.now()-i>=n}async function di(){let t=F.getState();return!t.accountId||!t.appId?!1:await Ot(t.accountId,t.appId,t.userId)}async function Io(t,e){if(await di()){let i=await et.getItem("access_token");i&&(t.headers={...t.headers,Authorization:`Bearer ${i}`}),t.authRetried=!0,t.lastAttempt=Date.now(),e(t)}}async function ve(t,e){let o=(t.retryCount||0)+1;o<=3&&(t.retryCount=o,t.lastAttempt=Date.now(),e(t))}async function Ce(t){let e=await zo();e.push(t),await Fo(e)}async function ci(){let t=await zo();if(t.length===0)return;let e=[];for(let o of t){if(!li(o)){e.push(o);continue}try{let i=await fetch(o.url,{method:o.method,headers:o.headers,body:JSON.stringify(o.body)});if(i.ok)continue;i.status===401||i.status===403?o.authRetried||await Io(o,n=>e.push(n)):i.status>=500&&await ve(o,n=>e.push(n))}catch{await ve(o,n=>e.push(n))}}await Fo(e)}async function ke(t){if(!navigator.onLine){await Ce(t);return}await ci();try{let e=await fetch(t.url,{method:t.method,headers:t.headers,body:JSON.stringify(t.body)});return e.ok||(e.status===401||e.status===403?await Io(t,Ce):e.status>=500&&await ve(t,Ce)),e}catch{await ve(t,Ce);return}}async function V(t,e,o){try{if(!t)return;let i=await ot(),n=F.getState(),r=["viewed","clicked","csat captured","survey captured","shared"];if(!r.includes(t)){let p=n.trackedEvents;if(!p.includes(t))n.setTrackedEvents([...p,t]);else{let x=p.filter(m=>m!==t);x.push(t),n.setTrackedEvents(x)}if(o&&Object.keys(o).length>0){let x=n.trackedEventMetadata||{},m=x[t]||[];n.setTrackedEventMetadata({...x,[t]:[...m,o]})}}let a={...o||{}};if(!r.includes(t)){let p=await Yt();a={...a,...p}}if(e&&String(e).trim()!==""){let p=vo(e);p&&(a.variant_id=p)}let l={user_id:Tt(),event:t,metadata:a};e&&(l.campaign_id=e);let g=n.trackingUrl||"https://tracking.appstorys.co";i&&await ke({url:`${g}/capture-event`,method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${i}`},body:l})}catch(i){console.error("Error in trackEvent",i)}}Z();function bt(t){if(!t)return!1;let e=F.getState(),o=e.allCampaigns||[],i=e.campaigns||[],n=String(t).trim(),r=o.find(g=>{if(!g)return!1;let p=String(g.id||"").trim(),x=g.details||{},m=String(x.campaign||x.id||"").trim();return!!(p&&p===n||m&&m===n||p&&n.includes(p)||m&&n.includes(m))});if(!r)return!1;let a={...r};delete a.trigger_event,delete a.trigger,a.display_trigger=!0;let l=i.findIndex(g=>String(g.id||"")===String(a.id||""));if(l===-1)e.saveCampaigns([a,...i]);else{let g=i[l];if(!!(g.trigger_event??g.trigger)){let x=[...i];x[l]=a,e.saveCampaigns(x)}}return!0}var oe=require("react/jsx-runtime"),Bo=ne.default?.default??ne.default??ne.Lottie??ne,Ao=()=>{let t=st("BAN"),e=F(k=>k.isVisible),[o,i]=(0,Bt.useState)(!1),[n,r]=(0,Bt.useState)(null),[a,l]=(0,Bt.useState)(null),g=(0,Bt.useRef)(null),[p,x]=(0,Bt.useState)(0);if((0,Bt.useEffect)(()=>{t&&(i(!1),V("viewed",t.id),t.details.lottie_data&&fetch(t.details.lottie_data).then(k=>k.json()).then(k=>{r(k),k.w&&k.h&&l(k.h/k.w)}).catch(k=>console.error("Error loading Lottie:",k)))},[t]),(0,Bt.useEffect)(()=>{let k=()=>{g.current&&x(g.current.offsetWidth)};return k(),window.addEventListener("resize",k),()=>window.removeEventListener("resize",k)},[t,o]),!t||o||!e)return null;let{details:m}=t,u=m.styling||{},v=m.height||"auto";a&&p&&(v=p*a);let f={position:"fixed",left:u.marginLeft?`${u.marginLeft}px`:"10px",right:u.marginRight?`${u.marginRight}px`:"10px",bottom:u.marginBottom?`${u.marginBottom}px`:"10px",backgroundColor:"transparent",borderRadius:`${u.topRightRadius||0}px ${u.topLeftRadius||0}px ${u.bottomRightRadius||0}px ${u.bottomLeftRadius||0}px`,overflow:"hidden",zIndex:9999,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:m.link?"pointer":"default"},b={width:"100%",height:typeof v=="number"?`${v}px`:v,display:"block",objectFit:"cover"},h=k=>{k.stopPropagation(),i(!0),V("banner_closed",t.id)};return(0,oe.jsxs)("div",{ref:g,style:f,onClick:()=>{if(m.link)if(V("clicked",t.id),m.link.startsWith("http"))window.open(m.link,"_blank");else{try{if(bt(m.link))return}catch(k){console.warn("revealCampaignFromLink error",k)}console.log("Internal link:",m.link)}},children:[n?(()=>{let k=Bo.default||Bo;return(0,oe.jsx)(k,{animationData:n,loop:!0,autoplay:e,style:b})})():m.image?(0,oe.jsx)("img",{src:m.image,alt:"Campaign Banner",style:b}):null,u.crossButton?.enabled&&(0,oe.jsx)("button",{onClick:h,style:{position:"absolute",top:"5px",right:"5px",background:"rgba(0,0,0,0.3)",color:"white",border:"none",borderRadius:"50%",width:"24px",height:"24px",lineHeight:"22px",textAlign:"center",cursor:"pointer",padding:"0",fontSize:"14px",display:"flex",alignItems:"center",justifyContent:"center",zIndex:10},children:"\u2715"})]})};var ft=require("react");Z();var X=require("react/jsx-runtime"),Oe=t=>(t||"").trim().toLowerCase(),At=(t,e)=>{let o=Number(t);return Number.isFinite(o)?o:e};function pi({iconType:t,color:e}){let o=e||"#FFFFFF";return t==="close"?(0,X.jsxs)("svg",{viewBox:"0 0 24 24",width:"70%",height:"70%","aria-hidden":!0,children:[(0,X.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18",stroke:o,strokeWidth:"2.2",strokeLinecap:"round"}),(0,X.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18",stroke:o,strokeWidth:"2.2",strokeLinecap:"round"})]}):t==="expand"?(0,X.jsxs)("svg",{viewBox:"0 0 24 24",width:"70%",height:"70%","aria-hidden":!0,children:[(0,X.jsx)("polyline",{points:"8,3 3,3 3,8",fill:"none",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,X.jsx)("line",{x1:"3",y1:"3",x2:"9",y2:"9",stroke:o,strokeWidth:"2",strokeLinecap:"round"}),(0,X.jsx)("polyline",{points:"16,21 21,21 21,16",fill:"none",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,X.jsx)("line",{x1:"15",y1:"15",x2:"21",y2:"21",stroke:o,strokeWidth:"2",strokeLinecap:"round"})]}):t==="minimize"?(0,X.jsxs)("svg",{viewBox:"0 0 24 24",width:"70%",height:"70%","aria-hidden":!0,children:[(0,X.jsx)("polyline",{points:"9,9 3,9 3,3",fill:"none",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,X.jsx)("line",{x1:"3",y1:"9",x2:"9",y2:"3",stroke:o,strokeWidth:"2",strokeLinecap:"round"}),(0,X.jsx)("polyline",{points:"15,15 21,15 21,21",fill:"none",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,X.jsx)("line",{x1:"15",y1:"21",x2:"21",y2:"15",stroke:o,strokeWidth:"2",strokeLinecap:"round"})]}):t==="mute"?(0,X.jsxs)("svg",{viewBox:"0 0 24 24",width:"70%",height:"70%","aria-hidden":!0,children:[(0,X.jsx)("polygon",{points:"4,10 8,10 13,6 13,18 8,14 4,14",fill:"none",stroke:o,strokeWidth:"2",strokeLinejoin:"round"}),(0,X.jsx)("line",{x1:"16",y1:"8",x2:"21",y2:"16",stroke:o,strokeWidth:"2",strokeLinecap:"round"}),(0,X.jsx)("line",{x1:"21",y1:"8",x2:"16",y2:"16",stroke:o,strokeWidth:"2",strokeLinecap:"round"})]}):(0,X.jsxs)("svg",{viewBox:"0 0 24 24",width:"70%",height:"70%","aria-hidden":!0,children:[(0,X.jsx)("polygon",{points:"4,10 8,10 13,6 13,18 8,14 4,14",fill:"none",stroke:o,strokeWidth:"2",strokeLinejoin:"round"}),(0,X.jsx)("path",{d:"M16 10 Q18 12 16 14",fill:"none",stroke:o,strokeWidth:"2",strokeLinecap:"round"}),(0,X.jsx)("path",{d:"M18 8 Q22 12 18 16",fill:"none",stroke:o,strokeWidth:"2",strokeLinecap:"round"})]})}function je({iconType:t,config:e,imageOverride:o,onClick:i}){let n=At(e?.size,18),r=Math.max(24,n+10),a=e?.margin||{},l=o||e?.image,g=e?.color?.cross||"#FFFFFF",p=e?.color?.fill||"rgba(0,0,0,0.55)",x=e?.color?.stroke||"rgba(255,255,255,0.35)";return(0,X.jsx)("button",{"data-control-button":"true",type:"button",onPointerDown:m=>{m.preventDefault(),m.stopPropagation()},onPointerUp:m=>{m.preventDefault(),m.stopPropagation()},onMouseDown:m=>{m.preventDefault(),m.stopPropagation()},onTouchStart:m=>{m.preventDefault(),m.stopPropagation()},onClick:m=>{m.preventDefault(),m.stopPropagation(),i()},title:e?.selectedStyle||t,style:{width:r,height:r,borderRadius:999,pointerEvents:"auto",zIndex:10030,position:"relative",border:`1px solid ${x}`,background:p,color:g,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0,marginTop:At(a.top,0),marginRight:At(a.right,0),marginBottom:At(a.bottom,0),marginLeft:At(a.left,0)},children:l?(0,X.jsx)("img",{src:l,alt:t,style:{width:n,height:n,objectFit:"contain"}}):(0,X.jsx)(pi,{iconType:t,color:g})})}var Po=()=>{let t=st("PIP"),e=F(U=>U.campaigns),o=F(U=>U.allCampaigns),i=F(U=>U.currentScreen),n=F(U=>U.isVisible),[r,a]=(0,ft.useState)(!1),[l,g]=(0,ft.useState)(!1),[p,x]=(0,ft.useState)(!0),[m,u]=(0,ft.useState)(!1),[v,f]=(0,ft.useState)(null),b=(0,ft.useRef)({x:0,y:0}),h=(0,ft.useRef)(null),y=(0,ft.useMemo)(()=>{if(t)return t;let U=Oe(i),J=gt=>gt.find(St=>{let rt=St,Mt=rt.campaign_type==="PIP",N=!Oe(rt.screen)||Oe(rt.screen)===U,K=!!(rt.trigger_event??rt.trigger),tt=rt.display_trigger!==!1&&!K;return Mt&&N&&tt}),it=J(e)??J(o);return it?ht(it):void 0},[t,e,o,i]),k=(0,ft.useMemo)(()=>y,[y?.id,y?.details?.id]);if((0,ft.useEffect)(()=>{if(!k)return;let U=k.details||{},J=U?.styling?.soundToggle?.defaultSound||U?.styling?.appearance?.defaultSound||"yes";x(String(J).toLowerCase()!=="yes"),a(!1),g(!1),f(null),V("viewed",k.id)},[k]),(0,ft.useEffect)(()=>{h.current&&(h.current.muted=p)},[p]),(0,ft.useEffect)(()=>{if(!m)return;let U=it=>{let gt=it.clientX-b.current.x,St=it.clientY-b.current.y;f({x:Math.max(0,gt),y:Math.max(0,St)})},J=()=>{u(!1)};return window.addEventListener("mousemove",U),window.addEventListener("mouseup",J),()=>{window.removeEventListener("mousemove",U),window.removeEventListener("mouseup",J)}},[m]),!k||!k.details||r||!n)return null;let S=k.details,z=S.styling||{},B=z.appearance||{},c=At(S.width??B.pipWidth,150),R=At(S.height??B.pipHeight,300),s=Math.max(c,R),d=Math.min(c,R),D=z.cta?.container||{},I=z.cta?.text||{},E=!!(S.button_text&&S.button_text.trim().length>0),C=At(z.cta?.container?.height,42),T=E?C+24:0,L=At(z.pipBottomPadding,20),A=At(z.pipTopPadding,0),$=l?S.large_video||S.small_video:S.small_video||S.large_video,M=(S.position||k.position||"right").toLowerCase(),W=!!z.isMovable,j=z.soundToggle?.enabled!==!1,_=z.crossButton?.enabled!==!1,G=z.expandControls?.enabled!==!1&&String(z.expandablePip||"yes").toLowerCase()==="yes",pt=z.crossButton,O=l?z.expandControls?.minimise:z.expandControls?.maximise,q=p?z.soundToggle?.mute:z.soundToggle?.unmute,H={position:"fixed",zIndex:10020,width:l?"100vw":s,height:l?"100vh":d,borderRadius:0,overflow:"hidden",background:"#000",boxShadow:"0 16px 40px rgba(0,0,0,0.35)",cursor:m?"grabbing":W&&!l?"grab":"default",transition:m?"none":"width 180ms ease, height 180ms ease, transform 180ms ease"};v&&!l?(H.left=v.x,H.top=v.y):l?(H.left=0,H.top=0,H.right=0,H.bottom=0):(M==="left"?H.left=24:H.right=24,A>0?H.top=A:H.bottom=L+20);let nt=U=>{if(!W||l||U.target.closest("[data-control-button='true']"))return;let it=U.currentTarget.getBoundingClientRect();b.current={x:U.clientX-it.left,y:U.clientY-it.top},f({x:it.left,y:it.top}),u(!0)},ut=()=>{if(!S.link)return;V("clicked",k.id);let U=String(S.link).trim();try{let J=F.getState(),it=J.allCampaigns||[],gt=J.campaigns||[],St=it.find(rt=>rt.id===U);if(console.log("[Pip] clicked link=",U,"allCount=",it.length,"visibleCount=",gt.length,"referenced=",!!St),St){let rt={...St};delete rt.trigger_event,delete rt.trigger,rt.display_trigger=!0;let Mt=gt.findIndex(N=>N.id===rt.id);if(Mt===-1)J.saveCampaigns([rt,...gt]);else{let N=gt[Mt];if(!!(N.trigger_event??N.trigger)){let tt=[...gt];tt[Mt]=rt,J.saveCampaigns(tt)}}return}}catch{}window.open(S.link,"_blank")};return $?(0,X.jsxs)("div",{style:H,onMouseDown:nt,children:[(0,X.jsx)("video",{ref:h,src:$,autoPlay:!0,loop:!0,playsInline:!0,muted:p,style:{width:"100%",height:l&&E?`calc(100% - ${T}px)`:"100%",objectFit:l?"contain":"cover"},onClick:ut,onEnded:()=>{y&&V("analyze",y.id)}}),(0,X.jsxs)("div",{style:{position:"absolute",top:8,right:8,display:"flex",gap:8,zIndex:2},children:[j&&(0,X.jsx)(je,{iconType:p?"mute":"unmute",config:q,imageOverride:p?S.muteImage:S.unmuteImage,onClick:()=>x(U=>!U)}),G&&(0,X.jsx)(je,{iconType:l?"minimize":"expand",config:O,imageOverride:l?S.minimiseImage:S.maximiseImage,onClick:()=>{console.log("[Pip] expand button clicked - isExpanded before:",l),g(U=>{let J=!U;return J&&k?.id&&(V("viewed",k.id),V("analyze",k.id)),J})}}),_&&(0,X.jsx)(je,{iconType:"close",config:pt,imageOverride:S.crossButtonImage,onClick:()=>a(!0)})]}),l&&E&&(0,X.jsx)("button",{"data-control-button":"true",onClick:ut,style:{position:"absolute",left:12,right:12,bottom:12,height:D.height||42,width:D.ctaFullWidth?"auto":D.ctaWidth||"auto",margin:D.ctaFullWidth?"0":"0 auto",background:D.backgroundColor||"#F7921C",color:I.color||"#fff",border:`${D.borderWidth||0}px solid ${D.borderColor||"transparent"}`,borderRadius:10,fontSize:I.fontSize||14,fontWeight:600,cursor:S.link?"pointer":"default"},children:S.button_text})]}):null};var yt=De(require("react")),Eo=require("lottie-react");Z();var Qt=require("react/jsx-runtime"),Ct=(t,e=0)=>{let o=Number(t);return Number.isFinite(o)?o:e},Ne=t=>(t||"").trim().toLowerCase(),ui="appstorysmediabucketdev.s3.ap-south-1.amazonaws.com",gi=t=>{try{if(typeof window>"u")return[t];let e=new URL(t);if(e.hostname!==ui)return[t];let o=!!window.location.port,i=`/appstorys-media${e.pathname}${e.search}`;return o?[i,t]:[t]}catch{return[t]}},fi=t=>{if(!t||typeof t!="object"||Array.isArray(t))return!1;let e=t;return Array.isArray(e.layers)||Array.isArray(e.assets)||typeof e.v=="string"},qe=class extends yt.default.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){this.props.onError()}render(){return this.state.hasError?null:this.props.children}},mi=()=>{let[t,e]=(0,yt.useState)(null),[o,i]=(0,yt.useState)([]),[n,r]=(0,yt.useState)(!1),[a,l]=(0,yt.useState)(!1),g=(0,yt.useRef)(null),p=(0,yt.useRef)(null),x=st("FLT"),m=F(C=>C.campaigns),u=F(C=>C.allCampaigns),v=F(C=>C.currentScreen),f=F(C=>C.isVisible),b=(0,yt.useRef)(null),h=x??(()=>{let C=[...m,...u].find(T=>{let L=T;if(L.campaign_type!=="FLT")return!1;let A=!!(L.trigger_event??L.trigger);return L.display_trigger===!1||A?!1:!Ne(L.screen)||Ne(L.screen)===Ne(v)});if(C)try{return ht(C)}catch{return C}})(),y=h?.id,k=F(C=>y?C.variantMappings[y]:void 0);if((0,yt.useEffect)(()=>{if(!h?.id||!f||$e(h)&&!k)return;let T=`${h.id}:${k||""}`;b.current!==T&&(b.current=T,V("viewed",h.id))},[h?.id,k,f]),(0,yt.useEffect)(()=>{let C=h?.details?.lottie_data;if(e(null),i([]),r(!1),l(!1),!C)return;if(fi(C)){e(C),l(!0);return}if(typeof C!="string"){r(!0);return}let T=gi(C);i(T),l(!0)},[h?.details?.lottie_data]),(0,yt.useEffect)(()=>{if(!h?.details?.lottie_data||!g.current)return;let C=Eo.LottiePlayer;if(!C||typeof C.loadAnimation!="function"){r(!0),l(!1);return}let T=!1,L=null,A=()=>{L&&typeof L.destroy=="function"&&L.destroy(),L=null,p.current=null},$=(M,W)=>{if(T)return;if(W>=M.length){r(!0),l(!1),console.error("[Floater] lottie load failed",{lottieUrls:M});return}A();let j=C.loadAnimation({container:g.current,renderer:"svg",loop:!0,autoplay:!0,path:M[W]});L=j,p.current=j,j.addEventListener("DOMLoaded",()=>{T||l(!1)}),j.addEventListener("data_failed",()=>{T||$(M,W+1)})};if(t){A();let M=C.loadAnimation({container:g.current,renderer:"svg",loop:!0,autoplay:!0,animationData:t});L=M,p.current=M,M.addEventListener("DOMLoaded",()=>{T||l(!1)}),M.addEventListener("data_failed",()=>{T||(r(!0),l(!1))})}else o.length>0&&$(o,0);return()=>{T=!0,A()}},[h?.details?.lottie_data,t,o]),!h||!h.details||!f)return null;let{details:S}=h,z=S.styling||{},c=(typeof S.position=="string"?S.position:typeof h.position=="string"?h.position:"right").toLowerCase()==="left"?"left":"right",R={position:"fixed",left:c==="left"?Ct(z.marginLeft,12):void 0,right:c==="left"?void 0:Ct(z.marginRight,12),top:Ct(z.marginTop,0)>0?Ct(z.marginTop,0):void 0,bottom:Ct(z.marginTop,0)>0?void 0:Ct(z.marginBottom,80),zIndex:10040,display:"flex"},s={width:Ct(S.width,60),height:Ct(S.height,60),background:"transparent",overflow:"hidden",borderBottomLeftRadius:Ct(z.bottomLeftRadius,0),borderBottomRightRadius:Ct(z.bottomRightRadius,0),borderTopLeftRadius:Ct(z.topLeftRadius,0),borderTopRightRadius:Ct(z.topRightRadius,0),display:"flex",alignItems:"center",justifyContent:"center",cursor:S.link?"pointer":"default",boxShadow:"0 8px 18px rgba(0,0,0,0.2)"},d=async()=>{if(!S.link)return;await V("clicked",h.id);let C=String(S.link).trim();try{let T=F.getState(),L=T.allCampaigns||[],A=T.campaigns||[],$=L.find(M=>{if(!M)return!1;let W=String(M.id||"").trim(),j=M.details||{},_=String(j.campaign||j.id||"").trim();return!!(W&&W===C||_&&_===C||W&&C.includes(W)||_&&C.includes(_))});if(console.log("[Floater] clicked link=",C,"allCampaignsCount=",L.length,"visibleCount=",A.length),console.log("[Floater] all ids=",L.map(M=>M.id).slice(0,50)),console.log("[Floater] referenced found=",!!$,$&&($.id||$.details?.campaign||$.details?.id)),$){let M={...$};delete M.trigger_event,delete M.trigger,M.display_trigger=!0;let W=A.findIndex(j=>j.id===M.id);if(W===-1)console.log("[Floater] revealing campaign (prepended)",M.id),T.saveCampaigns([M,...A]);else{let j=A[W];if(!!(j.trigger_event??j.trigger)){let G=[...A];G[W]=M,console.log("[Floater] replacing existing triggered campaign with revealed one",M.id),T.saveCampaigns(G)}else console.log("[Floater] campaign already visible and not trigger-driven",M.id)}return}}catch(T){console.warn("[Floater] error while resolving referenced campaign",T)}try{window.open(S.link,"_blank")}catch{}},D=!!(S.lottie_data&&!n),I=!!S.image,E=!!(S.lottie_data&&a&&!t&&!n);return!D&&!I&&!E?null:(0,Qt.jsx)("div",{style:R,children:(0,Qt.jsx)("div",{style:s,onClick:()=>{d()},children:D?(0,Qt.jsx)(qe,{onError:()=>r(!0),children:(0,Qt.jsx)("div",{ref:g,style:{width:"100%",height:"100%",display:"block"}})},String(S.lottie_data)):E?(0,Qt.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.08)",color:"#333",fontSize:10,fontWeight:600},children:"..."}):(0,Qt.jsx)("img",{src:S.image,alt:"floater",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})})})},Lo=mi;Z();function Do(t){return(t||"").trim().toLowerCase()}function Ue(t,e){let o=Do(t.screen),i=Do(e);return!o||o===i}async function He(t){try{let e=F.getState(),o=await ot(),i=e.accountId;if(!o||!i)return;e.setCurrentScreen(t),e.setTrackedEvents([]);let n=e.baseUrl||"https://users.appstorys.co",r=await fetch(`${n}/v2/${i}/track-user-res`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`},body:JSON.stringify({user_id:Tt(),screenName:t})});if(!r.ok)return;let a=await r.json();if(typeof a.screen_capture_enabled<"u"&&e.setScreenCaptureEnabled(!!a.screen_capture_enabled),a.variants&&a.variants.length>0){let y={};a.variants.forEach(k=>{y[k.id]=k.v_id}),e.setVariantMappings(y)}a.personalization_data&&e.setPersonalizationData(a.personalization_data);let l=e.allCampaigns||[],g=a.eligibleCampaignList||[],p=l.filter(y=>g.includes(y.id)&&Ue(y,t)),x=p.map(y=>y.id),m=g.filter(y=>!x.includes(y)),u=[];if(m.length>0){let y=await fetch(`${n}/load-campaign-data`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`},body:JSON.stringify(m)});y.ok&&(u=(await y.json()).filter(S=>Ue(S,t)))}let v=[...p,...u],f=l.filter(y=>{let k=!!(y.trigger_event??y.trigger);return Ue(y,t)&&y.display_trigger===!0&&!k}),b=[...v],h=new Set(b.map(y=>y.id));for(let y of f)h.has(y.id)||(b.push(y),h.add(y.id));e.saveCampaigns(b)}catch(e){console.error("Error when tracking screen:",t,e)}}Se();Z();xe();async function Ve(t){try{let e=await ot(),o=Tt(),i=F.getState();if(!e||!o){console.warn("AppStorys: Missing accessToken or userId. Ensure SDK is initialized before setting user properties.");return}let n={...t||{}},r=await Yt();n={...n,...r};let a={user_id:o,attributes:n},l=i.baseUrl||"https://users.appstorys.co";await ke({url:`${l}/update-user-atr`,method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:a})}catch(e){console.error("AppStorys: Error in setUserProperties:",e)}}Z();function de(t){if(!t||t.trim()==="")return t;let e=F.getState().personalizationData;if(!e||Object.keys(e).length===0)return yi(t);let o=/\{\{([^|}\s]+)\s*\|\s*([^}]+)\}\}/g;return t.replace(o,(i,n,r)=>{let a=n.trim(),l=r.trim();return e[a]??l})}function yi(t){let e=/\{\{[^|}\s]+\s*\|\s*([^}]+)\}\}/g;return t.replace(e,(o,i)=>i.trim())}ee();Z();Z();var Ye="appstorys_campaigns_cache",Wo="appstorys_campaigns_etag",Qe="appstorys_campaigns_version";async function Ge(t,e){try{let o=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),i=o?`/appstorys-campaigns/clients/${t}/campaigns.json`:`https://dev-cdn-campaign-appstorys.s3.ap-south-1.amazonaws.com/clients/${t}/campaigns.json`,n=await et.getItem(Ye),r=await et.getItem(Wo),a=await et.getItem(Qe),l={Accept:"application/json"};!o&&r&&(l["If-None-Match"]=r);let g=await fetch(i,{method:"GET",headers:l,...o?{cache:"no-store"}:{}});if(g.status===304)return{campaigns:n?JSON.parse(n):[],version:a?parseInt(a):1};let p=g.headers.get("ETag"),x=await g.json(),m=2,u=x,v=e;if(!v)try{let f=await ot(),b=Tt(),y=await fetch(`${o?"/appstorys-users":"https://users.appstorys.co"}/v2/${t}/track-user-res`,{method:"POST",headers:{"Content-Type":"application/json",...f?{Authorization:`Bearer ${f}`}:{}},body:JSON.stringify({user_id:b,screenName:typeof window<"u"&&window.location&&window.location.pathname?window.location.pathname:"",silentUpdate:!0})});if(y.ok){let k=await y.json();console.info("AppStorys: fetchAllCampaigns track-user-res returned",k);let S=k?.screenName||k?.screen||k?.currentScreen||k?.screen_name||k?.current_screen;S&&(v=S);try{let z=F.getState();typeof k.screen_capture_enabled<"u"&&z.setScreenCaptureEnabled(!!k.screen_capture_enabled)}catch{}}}catch(f){console.warn("Could not fetch screen name from track-user-res:",f)}if(x.length>0&&x[0].version!==void 0&&(m=x[0].version,u=x.slice(1)),!u||u.length===0)try{let f=await ot(),b=Tt(),y=await fetch(`${o?"/appstorys-users":"https://users.appstorys.co"}/v2/${t}/track-user-res`,{method:"POST",headers:{"Content-Type":"application/json",...f?{Authorization:`Bearer ${f}`}:{}},body:JSON.stringify({user_id:b,screenName:typeof window<"u"&&window.location&&window.location.pathname?window.location.pathname:"",silentUpdate:!0})});if(y.ok){let k=await y.json(),S=k?.user_id||k?.id||k?.userId||b;try{let z=F.getState();typeof k.screen_capture_enabled<"u"&&z.setScreenCaptureEnabled(!!k.screen_capture_enabled)}catch{}if(S){let B=await fetch(o?"/appstorys-users/load-campaign-data":"https://users.appstorys.com/load-campaign-data",{method:"POST",headers:{"Content-Type":"application/json",...f?{Authorization:`Bearer ${f}`}:{}},body:JSON.stringify({user_id:S})});if(B.ok){let c=await B.json();console.log(`Fetched ${c.length} missing campaigns from fallback`),console.log("Fallback campaigns:",JSON.stringify(c,null,2)),c&&c.length>0&&(u=c)}else console.error("Failed to fetch missing campaigns:",await B.text())}}}catch(f){console.error("Error fetching missing campaigns via fallback:",f)}if(v&&u&&u.length>0){let f=h=>(h||"").trim().toLowerCase(),b=f(v);u=u.filter(h=>!f(h.screen)||f(h.screen)===b)}return await et.setItem(Ye,JSON.stringify(u)),await et.setItem(Qe,m.toString()),p&&await et.setItem(Wo,p),{campaigns:u,version:m}}catch(o){console.error("Error fetching campaigns:",o);let i=await et.getItem(Ye),n=await et.getItem(Qe);return{campaigns:i?JSON.parse(i):[],version:n?parseInt(n):1}}}Z();Z();Z();async function Je(t,e){try{let o=await ot(),i=F.getState();if(!o)return console.error("AppStorys: Access token not found for reconciliation"),!1;let n={anonymous_user_id:t,identified_user_id:e},r=i.baseUrl||"https://users.appstorys.co",a=await fetch(`${r}/reconcile-anonymous-user`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`},body:JSON.stringify(n)});if(a.ok)return!0;{let l=await a.text();return console.error("AppStorys: Failed to reconcile anonymous user:",a.status,l),!1}}catch(o){return console.error("AppStorys: Error in reconcileAnonymousUser:",o),!1}}Z();var Ke=class{isInitialized=!1;setup(){this.isInitialized||typeof window>"u"||(document.addEventListener("mouseleave",this.handleMouseLeave),window.addEventListener("popstate",this.handlePopState),window.history.state!=="appstorys_navigation"&&window.history.pushState("appstorys_navigation",""),this.isInitialized=!0)}destroy(){!this.isInitialized||typeof window>"u"||(document.removeEventListener("mouseleave",this.handleMouseLeave),window.removeEventListener("popstate",this.handlePopState),this.isInitialized=!1)}handleMouseLeave=e=>{e.clientY<=0&&Me()&&this.triggerCampaign()};handlePopState=()=>{Me()&&(window.history.pushState("appstorys_navigation",""),this.triggerCampaign())};triggerCampaign(){let e=F.getState(),{trackedEvents:o}=e;o.includes(be)||(console.log("AppStorys: Exit Intent triggered. Displaying campaign."),e.setTrackedEvents([...o,be]))}},_o=new Ke;Z();var Xe=class{isInitialized=!1;setup(){this.isInitialized||typeof document>"u"||(document.addEventListener("visibilitychange",this.handleVisibilityChange),this.updateVisibility(document.visibilityState==="visible"),this.isInitialized=!0)}destroy(){!this.isInitialized||typeof document>"u"||(document.removeEventListener("visibilitychange",this.handleVisibilityChange),this.isInitialized=!1)}handleVisibilityChange=()=>{this.updateVisibility(document.visibilityState==="visible")};updateVisibility(e){let o=F.getState();o.isVisible!==e&&(console.log(`AppStorys: SDK visibility changed to ${e?"visible":"hidden"}`),o.setVisibility(e))}},Ze=new Xe;ee();var we="anonymous_user_id";async function $o(){let t=Date.now(),e=navigator.userAgent.split(" ")[0].replace(/[^a-zA-Z0-9]/g,"_");return`${t}_${e}`}async function Mo(){try{let t=await et.getItem(we);if(t)return t;let e=await $o();return await et.setItem(we,e),e}catch(t){return console.error("Error managing anonymous user ID:",t),await $o()}}async function Oo(){try{await et.removeItem(we)}catch(t){console.error("Error clearing anonymous user ID:",t)}}async function to(){try{return await et.getItem(we)}catch(t){return console.error("Error getting stored anonymous user ID:",t),null}}function hi(){if(document.getElementById("appstorys-widget-debug-styles"))return;let t=document.createElement("style");t.id="appstorys-widget-debug-styles",t.innerHTML=`
|
|
15
|
+
.appstorys-widget-debug-pill {
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 8px;
|
|
18
|
+
left: 8px;
|
|
19
|
+
background: #ff7a18;
|
|
20
|
+
color: white;
|
|
21
|
+
padding: 6px 10px;
|
|
22
|
+
border-radius: 14px;
|
|
23
|
+
font-weight: 700;
|
|
24
|
+
font-size: 12px;
|
|
25
|
+
z-index: 2147483647;
|
|
26
|
+
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
|
|
27
|
+
pointer-events: none;
|
|
28
|
+
}
|
|
29
|
+
.appstorys-widget-debug-overlay {
|
|
30
|
+
outline: 3px dashed rgba(255,122,24,0.85);
|
|
31
|
+
outline-offset: 6px;
|
|
32
|
+
}
|
|
33
|
+
`,document.head.appendChild(t)}function jo(t){let e=document.createElement("div");return e.className="appstorys-widget-debug-pill",e.textContent=t,e}function bi(t){let e=t,o=getComputedStyle(e);(o.position==="static"||!o.position)&&(e.style.position="relative")}window.AppStorysShowWidgetElements=function(){try{hi();let e=Array.from(document.querySelectorAll("[data-as-id], [data-widget], [data-widget-id]"));if(e.length||["#hero_section",".hero_section","#header_container",".header_container"].forEach(i=>{let n=document.querySelector(i);n&&e.push(n)}),!e.length){let o=jo("Widget");o.style.position="fixed",o.style.top="12px",o.style.left="12px",o.style.pointerEvents="auto",document.body.appendChild(o);return}e.forEach((o,i)=>{let n=o;bi(n),n.classList.add("appstorys-widget-debug-overlay");let r=n.querySelector(".appstorys-widget-debug-pill");r&&r.remove();let a=jo("Widget "+(i+1));n.appendChild(a)})}catch(e){console.error("AppStorysShowWidgetElements error",e)}};var se=require("react");Z();var ce=require("react"),ie=De(require("lottie-react")),eo=require("react/jsx-runtime"),No=ie.default?.default??ie.default??ie.Lottie??ie,zt=({src:t,alt:e,style:o,size:i})=>{let[n,r]=(0,ce.useState)(null),[a,l]=(0,ce.useState)(!1);(0,ce.useEffect)(()=>{t&&t.toLowerCase().endsWith(".json")?fetch(t).then(p=>{if(!p.ok)throw new Error("Failed to fetch Lottie");return p.json()}).then(p=>{r(p),l(!1)}).catch(p=>{console.error("AppStorys: Error loading Lottie thumbnail:",p),l(!0)}):(r(null),l(!1))},[t]);let g={width:i?`${i}px`:o?.width||"100%",height:i?`${i}px`:o?.height||"100%",objectFit:"cover",display:"block",...o};if(n&&!a){let p=No.default||No;return(0,eo.jsx)(p,{animationData:n,loop:!0,autoplay:!0,style:g})}return(0,eo.jsx)("img",{src:t,alt:e||"story thumbnail",style:g,onError:()=>l(!0)})};var re=require("react/jsx-runtime"),qo=({story:t,isViewed:e,onClick:o})=>{let i=t.styling||{},n=i.size||80,r=i.ringWidth||3,a=e?"#E5E7EB":t.ringColor||"#FF0000",l=t.nameColor||"#333333",g=i.cornerRadius,p=g?`${g.topLeft||0}px ${g.topRight||0}px ${g.bottomRight||0}px ${g.bottomLeft||0}px`:"50%",x=g?`${Math.max(0,(g.topLeft||0)-3)}px ${Math.max(0,(g.topRight||0)-3)}px ${Math.max(0,(g.bottomRight||0)-3)}px ${Math.max(0,(g.bottomLeft||0)-3)}px`:"50%";return(0,re.jsxs)("div",{onClick:o,style:{display:"flex",flexDirection:"column",alignItems:"center",cursor:"pointer",flexShrink:0},children:[(0,re.jsx)("div",{style:{width:`${n}px`,height:`${n}px`,borderRadius:p,border:`${r}px solid ${a}`,padding:"3px",boxSizing:"border-box",transition:"transform 0.1s ease",overflow:"hidden",backgroundColor:"#f5f5f5"},children:(0,re.jsx)(zt,{src:t.thumbnail,alt:t.name,style:{borderRadius:x}})}),(0,re.jsx)("span",{style:{marginTop:"6px",fontSize:`${i.name?.size||12}px`,fontFamily:i.name?.fontFamily||"sans-serif",fontWeight:i.name?.font==="Bold"?"bold":"normal",color:l,maxWidth:`${n+10}px`,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.name})]})};var oo=require("react/jsx-runtime"),Uo=({stories:t,viewedStories:e,onStoryClick:o})=>(0,oo.jsx)("div",{style:{display:"flex",gap:"18px",padding:"16px 20px",overflowX:"auto",WebkitOverflowScrolling:"touch",justifyContent:"flex-start"},children:t.sort((i,n)=>i.order-n.order).map((i,n)=>(0,oo.jsx)(qo,{story:i,isViewed:e.includes(i.id),onClick:()=>o(n)},i.id))});var at=require("react");Z();var Gt=require("react/jsx-runtime"),Ho=({data:t,onInteraction:e,isEditing:o=!1})=>{let i=t.layout?.type==="horizontal",n={headerTextColor:"#000000",optionBgColor:"#1A1A1A",optionTextColor:"#FFFFFF",backgroundColor:"#FFFFFF",borderRadius:24,padding:20},r=t.styling||{},a={backgroundColor:r.backgroundColor||n.backgroundColor,borderRadius:`${r.borderRadius??n.borderRadius}px`,overflow:"hidden",boxShadow:r.shadow||"0 12px 24px rgba(0,0,0,0.1)",boxSizing:"border-box",width:"100%",opacity:r.opacity??1,padding:`${r.padding??n.padding}px`,display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},l={color:r.headerTextColor||n.headerTextColor,textAlign:"center",fontWeight:"800",fontSize:`${r.fontSize?r.fontSize+4:20}px`,lineHeight:"1.2",margin:"0",width:"100%",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'},g={display:"flex",flexDirection:i?"row":"column",gap:"4px",width:"100%",backgroundColor:"#1A1A1A",borderRadius:"12px",overflow:"hidden",padding:"2px"},p={backgroundColor:r.optionBgColor||"transparent",color:r.optionTextColor||n.optionTextColor,padding:i?"14px 10px":"16px 20px",fontSize:`${r.fontSize?r.fontSize+1:16}px`,fontWeight:"700",cursor:"pointer",border:"none",width:"100%",textAlign:"center",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",transition:"background 0.2s",flex:1,borderRight:i?"1px solid rgba(255,255,255,0.1)":"none",borderBottom:i?"none":"1px solid rgba(255,255,255,0.1)"},x=u=>{o||e?.({type:"poll",pollId:t.id,optionId:u,stickerId:t.id})},m=Array.isArray(t.options)?t.options:[];return(0,Gt.jsxs)("div",{style:a,children:[(0,Gt.jsx)("h3",{style:l,children:t.question||"Ask A Question..."}),(0,Gt.jsx)("div",{style:g,children:m.map((u,v)=>(0,Gt.jsxs)("button",{style:{...p,borderRight:i&&v===m.length-1?"none":p.borderRight,borderBottom:!i&&v===m.length-1?"none":p.borderBottom},onClick:()=>x(u.id),onMouseOver:f=>{o||(f.currentTarget.style.backgroundColor="rgba(255,255,255,0.1)")},onMouseOut:f=>{o||(f.currentTarget.style.backgroundColor=r.optionBgColor||"transparent")},children:[u.text,u.percentage!==void 0&&(0,Gt.jsxs)("span",{style:{fontSize:"11px",opacity:.6,marginLeft:"8px"},children:[u.percentage,"%"]})]},u.id))})]})};var Vo=require("react"),jt=require("react/jsx-runtime"),Yo=({data:t,onInteraction:e,isEditing:o=!1})=>{let[i,n]=(0,Vo.useState)(null),r={backgroundColor:"#FFFFFF",borderRadius:20,padding:16,questionTextColor:"#FFFFFF",questionBgColor:"#000000",optionBgColor:"#FFFFFF",optionTextColor:"#2B2B2B",borderColor:"#E5E7EB",activeColor:"#10b981",incorrectColor:"#ef4444",labelBgColor:"#FFFFFF",labelTextColor:"#111111",labelBorderColor:"#111111"},a=t.styling||{},l=a.padding??r.padding,g=a.fontSize?a.fontSize+6:22,p=a.optionFontSize||17,x=a.optionBorderRadius||14,m=a.borderColor||r.borderColor,u=Math.min(Math.max(Math.round(p*2.1),18),32),v={backgroundColor:a.backgroundColor||r.backgroundColor,borderRadius:`${a.borderRadius??r.borderRadius}px`,padding:`${l}px`,paddingTop:0,boxShadow:a.shadow||"0 10px 30px rgba(0,0,0,0.12)",boxSizing:"border-box",width:"100%",display:"flex",flexDirection:"column",overflow:"hidden",opacity:a.opacity??1},f={color:a.questionTextColor||r.questionTextColor,backgroundColor:a.questionBgColor||r.questionBgColor,fontWeight:"900",fontSize:`${g}px`,lineHeight:1.25,margin:`0 -${l}px 16px -${l}px`,textAlign:"center",padding:`24px ${l}px`,borderTopLeftRadius:`${a.borderRadius??r.borderRadius}px`,borderTopRightRadius:`${a.borderRadius??r.borderRadius}px`,letterSpacing:"-0.01em"},b={backgroundColor:a.optionBgColor||r.optionBgColor,color:a.optionTextColor||r.optionTextColor,padding:`${a.optionPadding||Math.max(l*.7,10)}px ${Math.max(l*.8,12)}px`,borderRadius:`${x}px`,border:`1px solid ${m}`,display:"flex",alignItems:"center",gap:`${Math.max(Math.round(u*.45),8)}px`,cursor:i?"default":"pointer",width:"100%",textAlign:"left",boxSizing:"border-box",transition:"all 0.2s ease",boxShadow:"0 1px 2px rgba(15,23,42,0.03)"},h={width:`${u}px`,height:`${u}px`,minWidth:`${u}px`,borderRadius:"50%",backgroundColor:a.labelBgColor||r.labelBgColor,color:a.labelTextColor||r.labelTextColor,border:`${Math.max(Math.round(u*.08),1)}px solid ${a.labelBorderColor||r.labelBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"700",fontSize:`${Math.max(Math.round(u*.46),10)}px`},y={backgroundColor:a.backgroundColor||r.backgroundColor,borderRadius:`0 0 ${a.borderRadius??r.borderRadius}px ${a.borderRadius??r.borderRadius}px`,display:"flex",flexDirection:"column",gap:`${Math.max(l*.55,8)}px`},k=B=>{o||i||(n(B),e?.({type:"quiz",quizId:t.id,optionId:B,stickerId:t.id}))},S=["A","B","C","D","E","F"],z=Array.isArray(t.options)?t.options:[];return z.length===0&&!o&&console.warn("AppStorys: QuizSticker has no options!",t.id),(0,jt.jsxs)("div",{style:{...v,background:a.backgroundColor||r.backgroundColor},children:[t.question&&(0,jt.jsx)("h3",{style:f,children:t.question}),(0,jt.jsx)("div",{style:{...y,background:"transparent"},children:z.map((B,c)=>{let R=B.label||S[c]||"\u2022",s=B.id===i,d=B.isCorrect===!0,D={...b},I={...h};return i&&(d?(D.backgroundColor=a.activeColor||r.activeColor,D.borderColor=a.activeColor||r.activeColor,D.color="#FFFFFF"):s&&(D.backgroundColor=a.incorrectColor||r.incorrectColor,D.borderColor=a.incorrectColor||r.incorrectColor,D.color="#FFFFFF")),(0,jt.jsxs)("button",{style:D,onClick:()=>k(B.id),disabled:!!i,children:[(0,jt.jsx)("div",{style:h,className:"letter-circle",children:R}),(0,jt.jsx)("span",{style:{fontWeight:"600",fontSize:`${p}px`},children:B.text})]},B.id)})})]})};var Re=require("react"),vt=require("react/jsx-runtime"),Qo=({data:t})=>{let[e,o]=(0,Re.useState)({days:"00",hours:"00",minutes:"00",seconds:"00"});(0,Re.useEffect)(()=>{if(!t.targetDate)return;let R=()=>{let d=+new Date(t.targetDate)-+new Date;if(d>0){let D=Math.floor(d/864e5),I=Math.floor(d/(1e3*60*60)%24),E=Math.floor(d/1e3/60%60),C=Math.floor(d/1e3%60);o({days:D.toString().padStart(2,"0"),hours:I.toString().padStart(2,"0"),minutes:E.toString().padStart(2,"0"),seconds:C.toString().padStart(2,"0")})}else o({days:"00",hours:"00",minutes:"00",seconds:"00"})},s=setInterval(R,1e3);return R(),()=>clearInterval(s)},[t.targetDate]);let i=t.styling||{},n=t.display||{showDays:!0,showHours:!0,showMinutes:!0,showSeconds:!0},r=Number(i.digitSize||18),a=!isNaN(r)&&r>0?r:18,l=typeof i.labelFontSize<"u"?Number(i.labelFontSize):Math.max(10,Math.round(a*.55)),g=Math.max(30,Math.round(a*1.8)),p=Math.max(24,Math.round(a*1.3)),x=Math.max(6,Math.round(a*.35)),m=Math.max(6,Math.round(a*.25)),u={backgroundColor:i.backgroundColor||"#FFFFFF",borderRadius:`${i.borderRadius!==void 0?i.borderRadius:16}px`,padding:`${i.padding!==void 0?i.padding:16}px`,boxShadow:i.shadow||"0 10px 30px rgba(0,0,0,0.08)",width:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"center",gap:"8px",border:i.borderColor?`1px solid ${i.borderColor}`:"none",overflow:"hidden",opacity:i.opacity??1},v={color:i.titleColor||"#000000",fontWeight:"700",fontSize:`${i.fontSize?i.fontSize:14}px`,width:"100%",textAlign:"center",marginBottom:"4px"},f={display:"flex",gap:`${m}px`,width:"100%",justifyContent:"center",alignItems:"center",flexWrap:"nowrap"},b={display:"flex",flexDirection:"column",alignItems:"center",gap:"2px"},h={display:"flex",gap:"2px"},y={backgroundColor:i.digitBackground||"#F1F3F5",borderRadius:`${x}px`,minWidth:`${p}px`,height:`${g}px`,display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${a}px`,fontWeight:"bold",color:i.digitColor||"#1A202C",padding:"0 4px"},k={fontSize:`${Math.max(9,l)}px`,color:i.labelColor||"#A0AEC0",fontWeight:"600",textTransform:"lowercase"},S={fontSize:`${Math.max(14,Math.round(a*.9))}px`,fontWeight:"700",color:i.labelColor||"#A0AEC0",display:"flex",alignItems:"center",lineHeight:1},z=(R,s)=>(0,vt.jsxs)("div",{style:b,children:[(0,vt.jsx)("div",{style:h,children:R.split("").map((d,D)=>(0,vt.jsx)("div",{style:y,children:d},D))}),(0,vt.jsx)("span",{style:k,children:s})]}),B=[],c=0;return n.showDays!==!1&&(B.push(z(e.days,"days")),c++),n.showHours!==!1&&(c>0&&B.push((0,vt.jsx)("div",{style:S,children:":"},"sep-h")),B.push(z(e.hours,"hours")),c++),n.showMinutes!==!1&&(c>0&&B.push((0,vt.jsx)("div",{style:S,children:":"},"sep-m")),B.push(z(e.minutes,"min")),c++),n.showSeconds!==!1&&(c>0&&B.push((0,vt.jsx)("div",{style:S,children:":"},"sep-s")),B.push(z(e.seconds,"sec")),c++),(0,vt.jsxs)("div",{style:u,children:[t.title&&(0,vt.jsx)("div",{style:v,children:t.title}),(0,vt.jsx)("div",{style:f,children:B})]})};var Go=require("react"),kt=require("react/jsx-runtime"),Jo=({data:t,onInteraction:e})=>{let[o,i]=(0,Go.useState)(!1),n=()=>{t.code&&(navigator.clipboard.writeText(t.code).catch(()=>{}),i(!0),e?.({type:"promo_code",value:"copied",stickerId:t.id,code:t.code}),setTimeout(()=>i(!1),2e3))},r=t.styling||{},a={backgroundColor:r.backgroundColor||"#FFFFFF",padding:"12px 18px",borderRadius:"12px",display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:"60px",boxSizing:"border-box",position:"relative",filter:"drop-shadow(0 8px 16px rgba(0,0,0,0.1))",cursor:"pointer",clipPath:"polygon(0% 0%, 0% 40%, 4% 50%, 0% 60%, 0% 100%, 100% 100%, 100% 60%, 96% 50%, 100% 40%, 100% 0%)",backgroundImage:`
|
|
34
|
+
radial-gradient(circle at 0px 30px, transparent 8px, white 8.5px),
|
|
35
|
+
radial-gradient(circle at 100% 30px, transparent 8px, white 8.5px)
|
|
36
|
+
`,backgroundPosition:"0 0, 100% 0",backgroundSize:"100% 100%",backgroundRepeat:"no-repeat"},l={width:"36px",height:"36px",borderRadius:"8px",backgroundColor:"#F1F3F5",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"18px",fontWeight:"800",color:"#2D3748",border:"1px solid #E2E8F0"},g={fontSize:`${r.fontSize||18}px`,fontWeight:"800",color:"#1A202C",letterSpacing:"1px",flex:1,textAlign:"center"};return(0,kt.jsxs)("div",{style:a,onClick:n,children:[(0,kt.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"12px",flex:1},children:[(0,kt.jsx)("div",{style:l,children:"%"}),(0,kt.jsx)("span",{style:g,children:t.code||"OFFER20"})]}),(0,kt.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[o&&(0,kt.jsx)("span",{style:{fontSize:"11px",color:"#10B981",fontWeight:"700"},children:"Copied!"}),(0,kt.jsx)("div",{style:{padding:"8px",display:"flex",alignItems:"center"},children:(0,kt.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#4A5568",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,kt.jsx)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),(0,kt.jsx)("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})})]})]})};var no=require("react/jsx-runtime"),Ko=({data:t,onInteraction:e,isEditing:o=!1})=>{let i={emojis:["\u{1F60D}","\u{1F44D}"]},n=Array.isArray(t.emojis)?t.emojis:Array.isArray(i.emojis)?i.emojis:[],r=g=>{o||e?.({type:"reaction",reactionId:t.id,emoji:g,stickerId:t.id})},a={display:"flex",gap:"20px",justifyContent:"center",alignItems:"center",width:"100%",padding:"12px"},l={backgroundColor:"#FFFFFF",width:"64px",height:"64px",borderRadius:"100px",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 8px 30px rgba(0,0,0,0.12)",fontSize:"32px",cursor:o?"default":"pointer",transition:"all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)",border:"none",outline:"none",padding:0,position:"relative",zIndex:1};return(0,no.jsx)("div",{style:a,children:n.map((g,p)=>(0,no.jsx)("button",{style:l,onClick:()=>r(g),onMouseOver:x=>{o||(x.currentTarget.style.transform="scale(1.15) translateY(-4px)")},onMouseOut:x=>{o||(x.currentTarget.style.transform="scale(1) translateY(0)")},children:g},p))})};var Kt=require("react"),Jt=require("react/jsx-runtime"),Xo=({data:t,onInteraction:e,isEditing:o=!1})=>{let i=t.maxRating||5,n=t.currentRating??Math.floor(i/2),[r,a]=(0,Kt.useState)(n),l=(0,Kt.useRef)(null),[g,p]=(0,Kt.useState)(!1),x={backgroundColor:"#FFFFFF",borderRadius:36,padding:24,titleColor:"#000000",titleFontSize:24,sliderTrackColor:"#F3F4F6",sliderFillColor:"#F97316",emojiSize:42},m=t.styling||{},u={backgroundColor:m.backgroundColor||x.backgroundColor,borderRadius:`${m.borderRadius??x.borderRadius}px`,padding:`${m.padding??x.padding}px`,boxShadow:m.shadow||"0 12px 30px rgba(0,0,0,0.08)",boxSizing:"border-box",width:"100%",display:"flex",flexDirection:"column",alignItems:"center",gap:"20px",cursor:"default",opacity:m.opacity??1},v={color:m.titleColor||x.titleColor,fontWeight:"900",fontSize:`${m.titleFontSize||x.titleFontSize}px`,margin:"0",textAlign:"center",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',width:"100%"},f={width:"100%",height:"18px",backgroundColor:m.sliderTrackColor||x.sliderTrackColor,borderRadius:"100px",position:"relative",cursor:o?"default":"pointer",marginTop:"24px",marginBottom:"8px",userSelect:"none"},b=r/i*100,h={width:`${b}%`,height:"100%",background:m.sliderFillColor||"linear-gradient(90deg, #FF4582, #e11d48)",borderRadius:"100px",transition:g?"none":"width 0.1s ease"},y=m.emojiSize||x.emojiSize,k={position:"absolute",left:`calc(${b}% - ${y/2}px)`,top:`-${y/4}px`,fontSize:`${y}px`,userSelect:"none",cursor:"grab",transition:g?"none":"left 0.1s ease",filter:"drop-shadow(0 4px 8px rgba(0,0,0,0.2))"},S=c=>{if(!l.current||o)return;let R=l.current.getBoundingClientRect(),s=c-R.left;s<0&&(s=0),s>R.width&&(s=R.width);let d=s/R.width,D=Math.round(d*i*10)/10;a(D)},z=c=>{o||(p(!0),S(c.clientX))},B=c=>{o||(p(!0),S(c.touches[0].clientX))};return(0,Kt.useEffect)(()=>{let c=d=>{g&&S(d.clientX)},R=()=>{g&&(p(!1),e?.({type:"rating",ratingId:t.id,value:r,stickerId:t.id}))},s=d=>{g&&S(d.touches[0].clientX)};return g&&(window.addEventListener("mousemove",c),window.addEventListener("mouseup",R),window.addEventListener("touchmove",s),window.addEventListener("touchend",R)),()=>{window.removeEventListener("mousemove",c),window.removeEventListener("mouseup",R),window.removeEventListener("touchmove",s),window.removeEventListener("touchend",R)}},[g,r]),(0,Jt.jsxs)("div",{style:u,children:[(0,Jt.jsx)("h3",{style:v,children:t.title||"Do you like my space?"}),(0,Jt.jsxs)("div",{ref:l,style:f,onMouseDown:z,onTouchStart:B,children:[(0,Jt.jsx)("div",{style:h}),(0,Jt.jsx)("div",{style:k,className:"interactive-emoji-thumb",children:t.emoji||"\u{1F60D}"})]})]})};var Zo=require("react"),Pt=require("react/jsx-runtime"),tn=({data:t,onInteraction:e,isEditing:o=!1})=>{let[i,n]=(0,Zo.useState)(""),r={backgroundColor:"#FFFFFF",borderRadius:16,padding:16,promptColor:"#111111",inputBgColor:"#FFFFFF",borderColor:"#EFEFEF",textColor:"#333333",placeholderColor:"#A0AEC0"},a=t.styling||{},l={backgroundColor:a.backgroundColor||r.backgroundColor,borderRadius:`${a.borderRadius??r.borderRadius}px`,padding:`${a.padding??r.padding}px`,boxShadow:a.shadow||"0 8px 24px rgba(0,0,0,0.06)",boxSizing:"border-box",width:"100%",display:"flex",flexDirection:"column",alignItems:"center",gap:"12px",border:`1px solid ${a.borderColor||"#F0F0F0"}`},g={color:a.promptColor||r.promptColor,fontWeight:"700",fontSize:`${a.fontSize?a.fontSize+2:16}px`,textAlign:"center",marginBottom:"2px",width:"100%"},p={width:"100%",position:"relative",display:"flex",alignItems:"center"},x={backgroundColor:a.inputBgColor||"#F1F3F5",border:"none",borderRadius:"30px",padding:"14px 45px 14px 20px",width:"100%",boxSizing:"border-box",color:a.inputTextColor||"#1A202C",fontSize:`${a.fontSize||14}px`,outline:"none",textAlign:"left",cursor:o?"default":"text",boxShadow:"inset 0 1px 2px rgba(0,0,0,0.05)"},m={position:"absolute",right:"10px",background:a.submitBackground||"#FE6B35",color:"white",border:"none",borderRadius:"50%",width:"32px",height:"32px",display:i.length>0?"flex":"none",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"transform 0.2s"},u=f=>{o||n(f.target.value)},v=()=>{o||!i.trim()||(e?.({type:"question",questionId:t.id,value:i.trim(),stickerId:t.id}),n(""))};return(0,Pt.jsxs)("div",{style:l,children:[(0,Pt.jsx)("div",{style:g,children:t.question||"Ask me anything"}),(0,Pt.jsxs)("div",{style:p,children:[(0,Pt.jsx)("input",{type:"text",value:i,placeholder:t.placeholder||"Type your answer...",style:x,disabled:o,onChange:u,onKeyDown:f=>f.key==="Enter"&&v()}),(0,Pt.jsx)("button",{style:m,onClick:v,children:(0,Pt.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,Pt.jsx)("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),(0,Pt.jsx)("polygon",{points:"22 2 15 22 11 13 2 9 22 2"})]})})]})]})};var en=require("react"),Et=require("react/jsx-runtime"),on=({data:t,onInteraction:e,isEditing:o=!1})=>{let[i,n]=(0,en.useState)(null),r={backgroundColor:"#FFFFFF",borderRadius:20,padding:16,questionTextColor:"#111111",optionBgColor:"#F7FAFC",optionTextColor:"#2D3748",borderColor:"#E2E8F0",activeColor:"#10B981",incorrectColor:"#EF4444"},a=t.styling||{},l={backgroundColor:a.backgroundColor||r.backgroundColor,borderRadius:`${a.borderRadius??r.borderRadius}px`,padding:`${a.padding??r.padding}px`,boxShadow:a.shadow||"0 8px 24px rgba(0,0,0,0.06)",boxSizing:"border-box",width:"100%",display:"flex",flexDirection:"column",gap:"12px",border:a.borderColor?`1px solid ${a.borderColor}`:"none"},g={color:a.questionTextColor||r.questionTextColor,fontWeight:"800",fontSize:`${a.fontSize?a.fontSize+2:16}px`,margin:"0 0 4px 0",textAlign:"left"},p={display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"12px",width:"100%"},x={backgroundColor:a.optionBgColor||r.optionBgColor,color:a.optionTextColor||r.optionTextColor,borderRadius:"16px",border:`2px solid ${a.borderColor||r.borderColor}`,cursor:i?"default":"pointer",display:"flex",flexDirection:"column",alignItems:"center",padding:"8px",boxSizing:"border-box",transition:"all 0.2s ease",overflow:"hidden"},m=f=>{o||i||(n(f),e?.({type:"image",quizId:t.id,optionId:f,stickerId:t.id}))},u="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect width='100%25' height='100%25' fill='%23EDF2F7'/%3E%3Cpath d='M30 40 L40 30 L50 40 L60 30 L70 40 V60 H30 Z' fill='%23A0AEC0'/%3E%3Ccircle cx='40' cy='45' r='5' fill='%23FFFFFF'/%3E%3C/svg%3E",v=Array.isArray(t.options)?t.options:[];return(0,Et.jsxs)("div",{style:l,children:[t.question&&(0,Et.jsx)("h3",{style:g,children:t.question}),(0,Et.jsx)("div",{style:p,children:v.map(f=>{let b=f.id===i,h=f.isCorrect===!0,y={...x};return i&&(h?(y.borderColor=a.activeColor||r.activeColor,y.backgroundColor="rgba(16, 185, 129, 0.05)"):b&&(y.borderColor=a.incorrectColor||r.incorrectColor,y.backgroundColor="rgba(239, 68, 68, 0.05)")),(0,Et.jsxs)("button",{style:y,onClick:()=>m(f.id),disabled:!!i,onMouseOver:k=>{!o&&!i&&(k.currentTarget.style.transform="translateY(-2px)")},onMouseOut:k=>{!o&&!i&&(k.currentTarget.style.transform="translateY(0)")},children:[(0,Et.jsxs)("div",{style:{width:"100%",aspectRatio:"1",borderRadius:"12px",overflow:"hidden",backgroundColor:"#EDF2F7",display:"flex",alignItems:"center",justifyContent:"center",marginBottom:"8px",position:"relative"},children:[(0,Et.jsx)("img",{src:f.image||u,alt:f.text,style:{width:"100%",height:"100%",objectFit:"cover"}}),i&&(0,Et.jsx)("div",{style:{position:"absolute",top:"6px",right:"6px",width:"24px",height:"24px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:h?r.activeColor:b?r.incorrectColor:"#A0AEC0",color:"#FFFFFF",fontSize:"12px",fontWeight:"bold"},children:h?"\u2713":b?"\u2715":""})]}),(0,Et.jsx)("span",{style:{fontWeight:"600",fontSize:`${a.optionFontSize||13}px`,color:i&&h?r.activeColor:r.optionTextColor,width:"100%",textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:f.text})]},f.id)})})]})};var ao=require("react");var Nt=require("react"),P=require("react/jsx-runtime"),dn=({product:t,styling:e,onClose:o,onAddToCart:i})=>{let[n,r]=(0,Nt.useState)(""),[a,l]=(0,Nt.useState)(0),[g,p]=(0,Nt.useState)(1),[x,m]=(0,Nt.useState)(!1),[u,v]=(0,Nt.useState)(!1),f=t.attributes||{},b=f.colors||[],h=f.sizes||[],y=f.imageUrls||[t.image],k=f.description||"";(0,Nt.useEffect)(()=>{h.length>0&&r(h[0]),v(!0)},[h]);let S=()=>{let C={productId:t.productId||t.id,title:t.title,selectedSize:n,selectedColor:b[a]?.name,quantity:g,price:t.price};i(C);let T=t.redirectUrl||t.url;if(T){!T.startsWith("http")&&!T.startsWith("//")&&(T="https://"+T);try{window.open(T,"_blank","noopener,noreferrer")}catch(L){console.error("AppStorys: Redirect failed",L)}}m(!0)},z=()=>{v(!1),setTimeout(o,400)},B=e?.buttonBackground||"#000000",c=e?.buttonTextColor||"#ffffff",R=e?.titleColor||e?.textColor||"#1a1a2e",s=e?.priceColor||e?.textColor||"#1a1a2e",d=e?.mrpColor||"#8b8b98",D=e?.titleFontWeight||"600",I=e?.priceFontWeight||"700",E=e?.mrpFontWeight||"500";return x?(0,P.jsxs)("div",{className:"appstorys-shopable-success-overlay",style:nn,children:[(0,P.jsx)("div",{className:"appstorys-shopable-backdrop",style:rn,onClick:z}),(0,P.jsxs)("div",{className:"appstorys-shopable-sheet",style:{...sn,height:"auto",minHeight:"310px",animation:"appstorys-slide-up 0.4s cubic-bezier(0.2, 0.8, 0.2, 1)"},children:[(0,P.jsx)("div",{style:an,onClick:z}),(0,P.jsxs)("div",{style:{padding:"0 20px 24px",textAlign:"center"},children:[(0,P.jsxs)("div",{style:{backgroundColor:"#F3F4F6",borderRadius:"20px",padding:"22px",marginTop:"16px",display:"flex",flexDirection:"column",alignItems:"center",gap:"12px"},children:[(0,P.jsxs)("h3",{style:{margin:0,fontSize:"16px",fontWeight:"600",lineHeight:"1.4"},children:["Added to your bag",(0,P.jsx)("br",{}),"successfully"]}),(0,P.jsx)("svg",{width:"44",height:"26",viewBox:"0 0 44 26",fill:"none",children:(0,P.jsx)("path",{d:"M4 4C4 4 11 22 22 22C33 22 40 4 40 4",stroke:"currentColor",strokeWidth:"2.8",strokeLinecap:"round"})})]}),(0,P.jsxs)("div",{style:{marginTop:"24px",display:"flex",flexDirection:"column",gap:"8px"},children:[(0,P.jsx)("button",{onClick:z,style:{...so,backgroundColor:"#000000",color:"#ffffff",padding:"17px",fontSize:"16px",fontWeight:"600"},children:(0,P.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"},children:[(0,P.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,P.jsx)("path",{d:"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"}),(0,P.jsx)("path",{d:"M3 6h18"}),(0,P.jsx)("path",{d:"M16 10a4 4 0 0 1-8 0"})]}),"Go to checkout"]})}),(0,P.jsx)("button",{onClick:z,style:{...so,backgroundColor:"transparent",color:"#000000",border:"1px solid rgba(0,0,0,0.1)",padding:"15px",fontSize:"16px"},children:"Continue with stories"})]})]})]})]}):(0,P.jsxs)("div",{className:`appstorys-shopable-overlay ${u?"visible":""}`,style:nn,children:[(0,P.jsx)("div",{className:"appstorys-shopable-backdrop",style:rn,onClick:z}),(0,P.jsxs)("div",{className:"appstorys-shopable-sheet",style:{...sn,transform:u?"translateY(0)":"translateY(100%)",opacity:u?1:0},children:[(0,P.jsxs)("div",{style:xi,children:[(0,P.jsx)("div",{style:an,onClick:z}),(0,P.jsx)("button",{style:Si,onClick:z,children:(0,P.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,P.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,P.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),(0,P.jsxs)("div",{style:Ci,children:[(0,P.jsx)("div",{style:vi,children:y.map((C,T)=>(0,P.jsx)("div",{style:{minWidth:y.length>1?"85%":"100%",aspectRatio:"1.2 / 1",maxHeight:"240px",borderRadius:"16px",overflow:"hidden",backgroundColor:"#F9FAFB"},children:(0,P.jsx)("img",{src:C,alt:t.title,style:{width:"100%",height:"100%",objectFit:"contain"}})},T))}),(0,P.jsxs)("div",{style:{padding:"0 20px 20px"},children:[(0,P.jsx)("h2",{style:{margin:"16px 0 4px",fontSize:e?.titleFontSize?`${e.titleFontSize}px`:"20px",fontWeight:D,color:R,lineHeight:"1.2"},children:t.title}),(0,P.jsxs)("div",{style:{display:"flex",alignItems:"baseline",gap:"8px",marginBottom:"16px"},children:[(0,P.jsx)("span",{style:{fontSize:e?.priceFontSize?`${e.priceFontSize}px`:"18px",fontWeight:I,color:s},children:t.price}),t.oldPrice&&(0,P.jsx)("span",{style:{fontSize:e?.mrpFontSize?`${e.mrpFontSize}px`:"14px",color:d,textDecoration:"line-through",fontWeight:E},children:t.oldPrice})]}),b.length>0&&(0,P.jsxs)("div",{style:io,children:[(0,P.jsx)("div",{style:ro,children:"COLOR"}),(0,P.jsx)("div",{style:{display:"flex",gap:"14px",marginTop:"12px"},children:b.map((C,T)=>(0,P.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"5px"},children:[(0,P.jsx)("button",{onClick:()=>l(T),style:{width:"36px",height:"36px",borderRadius:"50%",border:"none",backgroundColor:C.hex||"#gray",position:"relative",cursor:"pointer",boxShadow:a===T?"0 0 0 2px #fff, 0 0 0 4px #000":"none",transition:"all 0.2s ease"}}),(0,P.jsx)("div",{style:{width:"5px",height:"5px",borderRadius:"50%",backgroundColor:a===T?"#000":"transparent",transition:"all 0.2s ease"}})]},C.id))})]}),h.length>0&&(0,P.jsxs)("div",{style:io,children:[(0,P.jsx)("div",{style:ro,children:"SIZE"}),(0,P.jsx)("div",{style:{display:"flex",gap:"10px",marginTop:"12px",flexWrap:"wrap"},children:h.map(C=>(0,P.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"4px"},children:[(0,P.jsx)("button",{onClick:()=>r(C),style:{minWidth:"42px",height:"42px",borderRadius:"50%",backgroundColor:"transparent",border:`1px solid ${n===C?"#000":"rgba(0,0,0,0.1)"}`,color:n===C?"#000":"#8b8b98",fontSize:"13px",fontWeight:"500",cursor:"pointer",transition:"all 0.2s ease"},children:C}),(0,P.jsx)("div",{style:{width:"5px",height:"5px",borderRadius:"50%",backgroundColor:n===C?"#000":"transparent",transition:"all 0.2s ease"}})]},C))})]}),k&&(0,P.jsxs)("div",{style:io,children:[(0,P.jsx)("div",{style:ro,children:"DESCRIPTION"}),(0,P.jsx)("p",{style:{margin:"8px 0 0",fontSize:"14px",lineHeight:"1.5",color:"#8b8b98",wordBreak:"break-word"},children:k})]})]})]}),(0,P.jsxs)("div",{style:ki,children:[(0,P.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"1px",minWidth:"75px"},children:[(0,P.jsx)("div",{style:{fontSize:"15px",fontWeight:I,color:s},children:t.price}),t.oldPrice&&(0,P.jsx)("div",{style:{fontSize:"11px",color:d,textDecoration:"line-through",fontWeight:E},children:t.oldPrice})]}),(0,P.jsxs)("div",{style:wi,children:[(0,P.jsx)("button",{style:ln,onClick:()=>p(C=>Math.max(1,C-1)),children:(0,P.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,P.jsx)("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}),(0,P.jsx)("span",{style:{fontSize:"16px",fontWeight:"700",minWidth:"18px",textAlign:"center",color:"#000000",display:"inline-block"},children:g}),(0,P.jsx)("button",{style:ln,onClick:()=>p(C=>C+1),children:(0,P.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,P.jsx)("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),(0,P.jsx)("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})})]}),(()=>{let C=f.availability?.toLowerCase()||"",T=C==="out of stock"||C==="out-of-stock";return(0,P.jsxs)("button",{onClick:T?void 0:S,disabled:T,style:{...so,backgroundColor:T?"#F3F4F6":B,color:T?"#9CA3AF":c,flex:"1",padding:"12px 8px",gap:"6px",cursor:T?"not-allowed":"pointer",opacity:T?.8:1},children:[!T&&(0,P.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[(0,P.jsx)("path",{d:"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"}),(0,P.jsx)("path",{d:"M3 6h18"}),(0,P.jsx)("path",{d:"M16 10a4 4 0 0 1-8 0"})]}),(0,P.jsx)("span",{style:{fontSize:"12px",fontWeight:"700",whiteSpace:"nowrap"},children:T?"Out of Stock":"Add to cart"})]})})()]})]}),(0,P.jsx)("style",{children:`
|
|
37
|
+
@keyframes appstorys-slide-up {
|
|
38
|
+
from { transform: translateY(100%); }
|
|
39
|
+
to { transform: translateY(0); }
|
|
40
|
+
}
|
|
41
|
+
.appstorys-shopable-overlay {
|
|
42
|
+
position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000;
|
|
43
|
+
display: flex; align-items: flex-end; justify-content: center;
|
|
44
|
+
visibility: hidden;
|
|
45
|
+
}
|
|
46
|
+
.appstorys-shopable-overlay.visible {
|
|
47
|
+
visibility: visible;
|
|
48
|
+
}
|
|
49
|
+
`})]})},nn={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:1e4,display:"flex",alignItems:"flex-end",justifyContent:"center",pointerEvents:"auto",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",width:"100%",height:"100%",boxSizing:"border-box"},rn={position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.45)",cursor:"pointer"},sn={position:"relative",width:"100%",maxWidth:"500px",backgroundColor:"#fff",borderTopLeftRadius:"28px",borderTopRightRadius:"28px",borderBottomLeftRadius:0,borderBottomRightRadius:0,maxHeight:"60vh",display:"flex",flexDirection:"column",margin:0,transition:"transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease",boxShadow:"0 -8px 24px rgba(0,0,0,0.15)",overflow:"hidden",boxSizing:"border-box"},xi={height:"48px",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",flexShrink:0},an={width:"36px",height:"5px",backgroundColor:"rgba(0,0,0,0.1)",borderRadius:"3px",cursor:"pointer"},Si={position:"absolute",right:"18px",top:"16px",border:"none",width:"28px",height:"28px",borderRadius:"50%",backgroundColor:"#F3F4F6",display:"flex",alignItems:"center",justifyContent:"center",color:"#666",cursor:"pointer"},Ci={flex:1,overflowY:"auto",WebkitOverflowScrolling:"touch"},vi={padding:"0 16px 20px",display:"flex",gap:"8px",overflowX:"auto",scrollSnapType:"x mandatory"},io={marginTop:"20px"},ro={fontSize:"11px",fontWeight:"600",color:"rgba(0,0,0,0.5)",letterSpacing:"1.4px"},ki={padding:"12px 16px calc(20px + env(safe-area-inset-bottom, 0px))",borderTop:"1px solid rgba(0,0,0,0.05)",display:"flex",alignItems:"center",gap:"8px",backgroundColor:"#fff",boxShadow:"0 -4px 12px rgba(0,0,0,0.06)",zIndex:10,boxSizing:"border-box"},wi={display:"flex",alignItems:"center",gap:"10px",padding:"10px 12px",borderRadius:"100px",border:"1px solid rgba(0,0,0,0.1)"},ln={border:"none",backgroundColor:"transparent",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},so={border:"none",borderRadius:"100px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease"};var dt=require("react/jsx-runtime"),cn=({data:t,onInteraction:e,isEditing:o})=>{let{products:i,styling:n}=t,[r,a]=(0,ao.useState)(!1),[l,g]=(0,ao.useState)(null),p=(b,h)=>{if(b.stopPropagation(),o)return;if(t.shopableType==="product"){g(h),a(!0),e&&e({type:"product_view",stickerId:t.id,productId:h.productId||h.id,value:h.title});return}let y=h.redirectUrl||h.url;if(y&&!y.startsWith("http")&&!y.startsWith("//")&&(y="https://"+y),e&&e({type:"buy",stickerId:t.id,productId:h.id,value:h.title,selected_option:y}),y)try{window.open(y,"_blank","noopener,noreferrer")}catch(k){console.error("AppStorys: Redirect failed",k),window.location.href=y}},x=b=>{e&&e({type:"add_to_cart",stickerId:t.id,productId:b.productId,value:b.title,selected_option:JSON.stringify({size:b.selectedSize,color:b.selectedColor,quantity:b.quantity})})},m={width:"100%",height:"100%",display:"flex",gap:"12px",overflowX:"auto",padding:"0 1px",scrollSnapType:"x mandatory",scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch",pointerEvents:"auto"},u={flex:"0 0 auto",width:"100%",backgroundColor:n?.cardBackground||"#ffffff",borderRadius:n?.cardBorderRadius!==void 0?`${n.cardBorderRadius}px`:n?.cardRadiusPercent!==void 0?`${n.cardRadiusPercent}%`:"12px",overflow:"hidden",boxShadow:n?.shadow||"0 -2px 12px rgba(0,0,0,0.12)",display:"flex",flexDirection:"row",alignItems:"center",padding:"8px 12px",position:"relative",scrollSnapAlign:"center",transition:"transform 0.2s ease",cursor:"pointer",boxSizing:"border-box",pointerEvents:"auto",opacity:n?.opacity??1,marginBottom:0},v={width:"64px",height:"64px",borderRadius:n?.imageRadius!==void 0?`${n.imageRadius}px`:"12px",overflow:"hidden",backgroundColor:"#f5f5f5",flexShrink:0},f={flex:1,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 12px",minWidth:0};return(0,dt.jsxs)(dt.Fragment,{children:[(0,dt.jsxs)("div",{style:m,className:"shopable-container",children:[(0,dt.jsx)("style",{children:`
|
|
50
|
+
.shopable-container::-webkit-scrollbar { display: none; }
|
|
51
|
+
.shopable-card:active { transform: scale(0.98); }
|
|
52
|
+
`}),i.map(b=>(0,dt.jsxs)("div",{style:u,className:"shopable-card",onClick:h=>p(h,b),children:[(0,dt.jsx)("div",{style:v,children:(0,dt.jsx)("img",{src:b.image,alt:b.title,style:{width:"100%",height:"100%",objectFit:"cover"}})}),(0,dt.jsxs)("div",{style:f,children:[(0,dt.jsx)("span",{style:{color:n?.titleColor||n?.textColor||"#1a1b2e",fontSize:n?.titleFontSize?`${n.titleFontSize}px`:"15px",fontWeight:n?.titleFontWeight||"700",lineHeight:"1.2",display:"block",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginBottom:"1px"},children:b.title}),(0,dt.jsxs)("div",{style:{display:"flex",alignItems:"baseline",gap:"6px",flexWrap:"wrap"},children:[(0,dt.jsx)("span",{style:{color:n?.priceColor||n?.textColor||"#1a1b2e",fontSize:n?.priceFontSize?`${n.priceFontSize}px`:"18px",fontWeight:n?.priceFontWeight||"800",display:"block"},children:b.price}),b.oldPrice&&(0,dt.jsx)("span",{style:{color:n?.mrpColor||"#8b8b98",fontSize:n?.mrpFontSize?`${n.mrpFontSize}px`:"12px",fontWeight:n?.mrpFontWeight||"500",textDecoration:"line-through"},children:b.oldPrice})]})]}),(0,dt.jsx)("div",{style:{backgroundColor:n?.buttonBackground||"#000000",color:n?.buttonTextColor||"#ffffff",fontSize:n?.buttonFontSize?`${n.buttonFontSize}px`:"14px",fontWeight:"700",padding:"10px 18px",borderRadius:n?.buttonBorderRadius!==void 0?`${n.buttonBorderRadius}px`:"100px",textAlign:"center",flexShrink:0,whiteSpace:"nowrap"},children:"Buy Now"})]},b.id))]}),r&&l&&(0,dt.jsx)(dn,{product:l,styling:n,onClose:()=>a(!1),onAddToCart:x})]})};var mt=require("react/jsx-runtime"),pn=({data:t,onInteraction:e,isEditing:o=!1})=>{let i={x:10,y:15,width:80,rotation:0},n=t.x??i.x,r=t.y??i.y,a=t.width??i.width,l=t.rotation??i.rotation,g={position:"absolute",top:`${r}%`,left:`${n}%`,width:`${a}%`,height:t.height?`${t.height}%`:"auto",transform:`rotate(${l}deg)`,zIndex:10,transformOrigin:"center center",boxSizing:"border-box",cursor:o?"move":"default",pointerEvents:"auto"},p={width:"100%",height:"100%",animation:t.styling?.animation,animationFillMode:"forwards"},x=()=>{switch(t.type){case"poll":return(0,mt.jsx)(Ho,{data:t,onInteraction:e,isEditing:o});case"quiz":return(0,mt.jsx)(Yo,{data:t,onInteraction:e,isEditing:o});case"rating":return(0,mt.jsx)(Xo,{data:t,onInteraction:e,isEditing:o});case"question":case"input":return(0,mt.jsx)(tn,{data:t,onInteraction:e,isEditing:o});case"image_quiz":return(0,mt.jsx)(on,{data:t,onInteraction:e,isEditing:o});case"countdown":return(0,mt.jsx)(Qo,{data:t,onInteraction:e,isEditing:o});case"promo_code":case"promo":return(0,mt.jsx)(Jo,{data:t,onInteraction:e,isEditing:o});case"reaction":return(0,mt.jsx)(Ko,{data:t,onInteraction:e,isEditing:o});case"buy":case"shopable":return(0,mt.jsx)(cn,{data:t,onInteraction:e,isEditing:o});case"image":return(0,mt.jsx)("img",{src:t.url,alt:"static overlay",style:{width:"100%",height:"100%",objectFit:"fill"}});case"text":{let u=t.styling||{};return(0,mt.jsx)("span",{style:{color:u.color||"#000000",fontSize:`${u.fontSize||14}px`,fontFamily:u.fontFamily||"Arial",fontStyle:u.fontStyle||"normal",fontWeight:u.fontWeight||"normal",wordBreak:"break-word",display:"inline-block"},children:t.text})}default:return(0,mt.jsxs)("div",{style:{padding:"10px",background:"white",color:"black",borderRadius:"4px"},children:["Unsupported interactive element: ",t.type]})}};return(0,mt.jsx)("div",{style:g,className:`interactive-item-z${t.z??0}`,children:(0,mt.jsx)("div",{style:p,children:x()})})};var qt=t=>{if(!t)return;if(typeof t=="string")return t;if(typeof t=="object"){if(typeof t.solid=="string"&&t.solid)return t.solid;if(typeof t.value=="string"&&t.value)return t.value}let e=t.color||{};if(e.type==="gradient"&&e.gradient){let{direction:o="right",from:i,to:n,stops:r=[]}=e.gradient,l={right:"to right",left:"to left",top:"to top",bottom:"to bottom"}[o]||o;if(r.length>0){let g=r.map(p=>`${p.color} ${Math.round((p.offset||0)*100)}%`).join(", ");return`linear-gradient(${l}, ${g})`}return`linear-gradient(${l}, ${i}, ${n})`}return e.solid||e.value||void 0},Te=t=>{if(!t||t.type==="none")return;let e=String(t.type).toLowerCase(),o=t.duration||.6;if(e==="fade")return`appstorys-fade-in ${o}s ease-out forwards`;if(e==="classic")return`appstorys-classic-in ${o}s cubic-bezier(0.34, 1.56, 0.64, 1) forwards`;if(e==="rotate")return`appstorys-rotate-in ${o}s ease-out forwards`;if(e==="bounce")return`appstorys-bounce-in ${o+.2}s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards`};var pe=require("react/jsx-runtime"),un=(t,e)=>{let o=t?.styling?.editorSource||t?.styling?.meta?.editorSource||t?.style?.editorSource||e?.editorSource||e?.meta?.editorSource;return o==="studio"||o==="editor"?"studio":"dashboard"},Xt=(t,e)=>Array.isArray(t)?t.map((o,i)=>{let n=o?.id||o?.key||o?.value||`option_${i+1}`,r=o?.label||o?.optionLabel,a=typeof o=="string"?o:o?.text||o?.title||r||"";return{id:String(n),text:a,image:o?.image||o?.imageUrl||"",label:r,isCorrect:o?.isCorrect===!0||String(n)===String(e)}}):t&&typeof t=="object"?Object.entries(t).map(([o,i])=>{let n=typeof i=="string"?{text:i}:i||{};return{id:o,text:n.text||n.title||n.label||"",image:n.image||n.imageUrl||"",label:n.label,isCorrect:o===String(e)}}):[],gn=t=>Array.isArray(t?.emojis)?t.emojis.map(e=>String(e)):Xt(t?.options).map(e=>e.text).filter(Boolean),fn=t=>{let e=String(t||"").toLowerCase();return e==="quizz"?"quiz":e==="rate"?"rating":e==="input"||e==="ask_question"||e==="askquestion"?"question":e==="promo"||e==="promocode"?"promo_code":e},mn=t=>{if(t.targetDate)return t.targetDate;if(!t.endDate)return new Date(Date.now()+864e5).toISOString();try{let e=`${t.endDate}${t.endTime?`T${t.endTime}`:""}`;return new Date(e).toISOString()}catch{return t.endDate||new Date(Date.now()+864e5).toISOString()}},yn=({content:t={},onInteraction:e,isEditing:o=!1,elapsedTime:i=0})=>{let n=t?.canva||{height:1920,width:1080},r=n?.width||1080,a=n?.height||1920,l=.352,g=t?.elements||[],p=t?.image||[],x=t?.text||[],m=t?.interactions||[],u=Array.isArray(t?.shopable)&&t.shopable.length>0?t.shopable:Array.isArray(t?.styling?.shopable)?t.styling.shopable:[],v=new Set(u.map(c=>c.id)),f=(t?.styling?.shopable||[]).concat(u.map(c=>c.styling).filter(Boolean));if(g.length===0&&p.length===0&&x.length===0&&m.length===0&&u.length===0)return null;let b=g.filter(c=>!v.has(c.id)).map(c=>{let R=c.custom||{},s=R.data||{},d=R.style||c.styling||{},D=un(c,t),I=c.position||c.postion||{},E=c.size||{},C=c.x!==void 0?c.x:I.x,T=c.y!==void 0?c.y:I.y,L=c.width!==void 0?c.width:E.width,A=C!==void 0&&!isNaN(Number(C))?Number(C)/r*100:10,$=T!==void 0&&!isNaN(Number(T))?Number(T)/a*100:15,M=L!==void 0&&!isNaN(Number(L))?Number(L)/r*100:80,W={id:c.id||Math.random().toString(),type:fn(R.interactiveType||c.widgetType||c.type||"unknown"),x:A,y:$,width:M,rotation:d.rotation??c.rotation??0,z:c.z??c.position?.z??d.z??10,duration:s.duration||d.duration,styling:{backgroundColor:qt(d.background||d.containerBgColor||d.backgroundColor),borderRadius:d.borderRadius!==void 0?d.borderRadius>=100?999:d.borderRadius*l:d.radius!==void 0?d.radius>=100?999:d.radius*l:0,padding:(d.containerPadding!==void 0?d.containerPadding:d.padding!==void 0?d.padding:0)*l,shadow:d.shadow,fontSize:d.questionFontSize?d.questionFontSize*l:void 0,opacity:d.opacity??1,animation:Te(d.animation)}};if(W.type==="poll"){let j=Xt(s.options);return{...W,type:"poll",question:s.question||s.title||"Poll Question",options:j,layout:s.layout||{type:"vertical",columns:1},styling:{...W.styling,headerColor:d.headerBgColor||d.background,headerTextColor:d.questionColor||d.questionTextColor||d.question?.color,optionBgColor:d.optionBgColor||d.options?.background||"#1A1A1A",optionTextColor:d.optionTextColor||d.options?.textColor||"#ffffff",optionBorderRadius:d.optionBorderRadius!==void 0?d.optionBorderRadius*l:d.options?.radius!==void 0?d.options?.radius*l:0}}}if(W.type==="quiz"){let j=d.colors||{},_=Xt(s.options,s.isCorrect);return{...W,type:"quiz",question:s.question||s.title||"Quiz Question",options:_,showExplanation:s.showExplanation,url:s.url,styling:{...W.styling,backgroundColor:d.background||d.containerBgColor||d.backgroundColor||"transparent",questionTextColor:d.questionColor||j.questionColor||d.question?.color||d.colors?.questionText||"#FF0000",questionBgColor:d.questionBgColor||j.questionBackground||d.question?.background||d.colors?.questionBg||"#3BFF00",optionBgColor:d.optionBgColor||j.optionBackground||d.options?.background||d.colors?.optionBg||"#C100FF",optionTextColor:d.optionTextColor||j.optionTextColor||d.options?.textColor||d.colors?.optionText||"#ffffff",borderColor:d.borderColor||"transparent",activeColor:d.correctColor||j.correctColor||d.correctBorderColor||"#00D9FF",incorrectColor:d.incorrectColor||j.incorrectColor||"#ef4444",optionBorderRadius:d.optionRadius!==void 0?d.optionRadius>=100?999:d.optionRadius*l:d.optionBorderRadius!==void 0?d.optionBorderRadius>=100?999:d.optionBorderRadius*l:100,optionFontSize:(d.optionFontSize?d.optionFontSize:d.typography?.optionSize?d.typography?.optionSize:d.options?.fontSize?d.options?.fontSize:16)*l*1.25}}}if(W.type==="rating")return{...W,type:"rating",title:s.title||"Do you like my space?",emoji:s.emoji||"\u{1F60D}",currentRating:s.currentRating,maxRating:s.maxRating,styling:{...W.styling,sliderTrackColor:d.colors?.sliderTrack||d.sliderTrack,sliderFillColor:d.colors?.sliderFill||d.sliderFill,emojiSize:d.emojiSize?d.emojiSize*.45:void 0,titleColor:d.colors?.titleColor||d.titleColor,titleFontSize:d.titleFontSize?d.titleFontSize*.4:void 0}};if(W.type==="question")return{...W,type:"question",question:s.question||s.title||"Ask me a question",placeholder:s.placeholder||"Type your answer...",styling:{...W.styling,promptColor:d.questionColor||d.textColor,inputBgColor:d.inputBgColor,inputTextColor:d.inputTextColor,submitBackground:d.submitBackground}};if(W.type==="image_quiz"||W.type==="imageQuiz"||(R.interactiveType||"").toLowerCase()==="media_quiz")return{...W,type:"image_quiz",question:s.question||s.title||"Image Quiz",options:Xt(s.options||[]),styling:{...W.styling,questionTextColor:d.questionColor,activeColor:d.correctColor||d.correctBorderColor,incorrectColor:d.incorrectColor,imageRadius:d.imageRadius?d.imageRadius*l:void 0}};if(W.type==="countdown")return{...W,type:"countdown",title:s.title||"Ends in...",targetDate:mn(s),styling:{...W.styling,borderColor:d.borderColor,digitBackground:d.digitBackground,digitColor:d.digitColor,digitSize:d.digitSize?d.digitSize*l:void 0,labelColor:d.labelColor,titleColor:d.titleColor},display:s.display};if(W.type==="promo_code")return{...W,type:"promo_code",code:s.code||"CODE20",styling:{...W.styling,borderColor:d.borderColor}};if(W.type==="reaction"||W.type==="emoji_reaction"){let j=gn(s);return{...W,type:"reaction",emojis:j.length>0?j:["\u{1F60D}","\u{1F44D}"],source:D}}return W}),h=(t?.interactions||[]).filter(c=>!v.has(c.id)).map(c=>{let R=c.config||{},s=c.styling||c.style||{},d=un(c,t),D=fn(c.interaction_type||c.type),I=s.position||c.position||{},E=s.size||c.size||{},C=I.x??c.x,T=I.y??c.y,L=E.width??c.width,A=E.height??c.height,$=C!==void 0&&!isNaN(Number(C))?Number(C)/r*100:10,M=T!==void 0&&!isNaN(Number(T))?Number(T)/a*100:15,W=L!==void 0&&!isNaN(Number(L))?Number(L)/r*100:80,j=A!==void 0&&!isNaN(Number(A))?Number(A)/a*100:void 0,_={id:c.id||Math.random().toString(),type:D,x:$,y:M,width:W,height:j,rotation:s.rotation??c.rotation??0,z:c.z??c.position?.z??s.z??10,source:d,duration:R.duration||s.duration,styling:{backgroundColor:qt(s.background||s.containerBgColor||s.backgroundColor),borderRadius:s.borderRadius!==void 0?s.borderRadius>=100?999:s.borderRadius*l:s.radius!==void 0?s.radius>=100?999:s.radius*l:0,padding:(s.containerPadding!==void 0?s.containerPadding:s.padding!==void 0?s.padding:0)*l,shadow:s.shadow,fontSize:s.questionSize?s.questionSize*l:s.questionFontSize?s.questionFontSize*l:void 0,opacity:s.opacity??1,animation:Te(s.animation)}};if(_.type==="rating"||_.type==="rate"){let G=s.colors||{};return{..._,type:"rating",title:R.title||"Do you like my space?",emoji:R.emoji||"\u{1F60D}",currentRating:R.currentRating,maxRating:R.maxRating,styling:{..._.styling,sliderTrackColor:G.sliderTrack||s.colors?.sliderTrack||s.colors?.sliderTrack,sliderFillColor:G.sliderFill||s.colors?.sliderFill||s.sliderFill,emojiSize:s.emojiSize?s.emojiSize*.45:void 0,titleColor:G.titleColor||s.colors?.titleColor||s.titleColor,titleFontSize:s.titleFontSize?s.titleFontSize*.4:void 0}}}if(_.type==="poll"){let G=Xt(R.options);return{..._,type:"poll",question:R.question||R.title||"Poll Question",options:G,layout:R.layout||{type:"vertical",columns:1},styling:{..._.styling,headerColor:s.headerBgColor||s.background,headerTextColor:s.questionColor||s.questionTextColor||s.question?.color,optionBgColor:s.optionBgColor||s.options?.background||"#1A1A1A",optionTextColor:s.optionTextColor||s.options?.textColor||"#ffffff",optionBorderRadius:s.optionBorderRadius!==void 0?s.optionBorderRadius*l:s.options?.radius!==void 0?s.options?.radius*l:0}}}if(_.type==="quiz"){let G=s.colors||{},pt=Xt(R.options,R.isCorrect);return{..._,type:"quiz",question:R.question||R.title||"Quiz Question",options:pt,showExplanation:R.showExplanation,url:R.url,styling:{..._.styling,backgroundColor:s.background||s.containerBgColor||s.backgroundColor||"transparent",questionTextColor:s.questionColor||G.questionColor||s.question?.color||s.colors?.questionText||"#FF0000",questionBgColor:s.questionBgColor||G.questionBackground||s.question?.background||s.colors?.questionBg||"#3BFF00",optionBgColor:s.optionBgColor||G.optionBackground||s.options?.background||s.colors?.optionBg||"#C100FF",optionTextColor:s.optionTextColor||G.optionTextColor||s.options?.textColor||s.colors?.optionText||"#ffffff",borderColor:s.borderColor||"transparent",activeColor:s.correctColor||G.correctColor||s.correctBorderColor||"#00D9FF",incorrectColor:s.incorrectColor||G.incorrectColor||"#ef4444",optionBorderRadius:s.optionRadius!==void 0?s.optionRadius>=100?999:s.optionRadius*l:s.optionBorderRadius!==void 0?s.optionBorderRadius>=100?999:s.optionBorderRadius*l:100,optionFontSize:(s.optionFontSize?s.optionFontSize:s.typography?.optionSize?s.typography?.optionSize:s.options?.fontSize?s.options?.fontSize:16)*l*1.25}}}if(_.type==="question")return{..._,type:"question",question:R.question||R.title||"Ask me a question",placeholder:R.placeholder||"Type your answer...",styling:{..._.styling,promptColor:s.questionColor||s.promptColor||s.textColor,inputBgColor:s.inputBackground||s.inputBgColor,inputTextColor:s.inputTextColor,submitBackground:s.submitBackground}};if(_.type==="image_quiz"||_.type==="imageQuiz"||D==="media_quiz")return{..._,type:"image_quiz",question:R.question||R.title||"Image Quiz",options:Xt(R.options||[]),styling:{..._.styling,questionTextColor:s.questionColor,activeColor:s.correctColor||s.correctBorderColor,incorrectColor:s.incorrectColor,imageRadius:s.imageRadius?s.imageRadius*l:void 0}};if(_.type==="countdown")return{..._,type:"countdown",title:R.title||"Ends in...",targetDate:mn(R),styling:{..._.styling,borderColor:s.borderColor,digitBackground:s.digitBackground,digitColor:s.digitColor,digitSize:s.digitSize||s.fontSize?Number(s.digitSize||s.fontSize):void 0,labelColor:s.labelColor,titleColor:s.titleColor,labelFontSize:s.labelFontSize?Number(s.labelFontSize):void 0},display:R.display||c.display};if(_.type==="promo_code")return{..._,type:"promo_code",code:R.code||"CODE20",styling:{..._.styling,borderColor:s.borderColor}};if(_.type==="reaction"||_.type==="emoji_reaction"){let G=gn(R);return{..._,type:"reaction",emojis:G.length>0?G:["\u{1F60D}","\u{1F44D}"]}}return _}),y=u.map(c=>{let R=f.find(O=>String(O?.id)===String(c?.id))||f.find(O=>O?.id===void 0)||{},s={position:c?.position,size:c?.size,rotation:c?.rotation,z:c?.z,background:c?.background,cardBackground:c?.cardBackground,cardBorderRadius:c?.cardBorderRadius,cardRadiusPercent:c?.cardRadiusPercent,transparent:c?.transparent,textColor:c?.textColor,buttonBackground:c?.buttonBackground,buttonTextColor:c?.buttonTextColor,buttonFontSize:c?.buttonFontSize,buttonBorderRadius:c?.buttonBorderRadius,titleColor:c?.titleColor,titleFontSize:c?.titleFontSize,titleFontWeight:c?.titleFontWeight,priceColor:c?.priceColor,priceFontSize:c?.priceFontSize,priceFontWeight:c?.priceFontWeight,mrpColor:c?.mrpColor,mrpFontSize:c?.mrpFontSize,mrpFontWeight:c?.mrpFontWeight,imageRadius:c?.imageRadius,opacity:c?.opacity,animation:c?.animation},d={...R,...c?.styling||{},...Object.fromEntries(Object.entries(s).filter(([,O])=>O!==void 0))},D=d.position||{},I=d.size||{},E=d.cardBorderRadius!==void 0?Number(d.cardBorderRadius):void 0,C=d.cardRadiusPercent!==void 0?Number(d.cardRadiusPercent):void 0,T=I.height!==void 0?Number(I.height):void 0,L=E===void 0&&C!==void 0&&T!==void 0?Math.max(0,Math.min(100,C))/100*(T/2):void 0,A=E??L,$=A!==void 0&&!isNaN(A)?A*l:void 0,M=D.x!==void 0?Number(D.x)/r*100:0,W=I.width!==void 0?Number(I.width)/r*100:100,j=I.height!==void 0?Number(I.height)/a*100:void 0,_=D.y!==void 0?Number(D.y)/a*100:j?100-j-2.5:85;j&&_+j>96?_=Math.max(0,100-j):_>75&&j&&_+j>91&&(_=Math.max(0,100-j-1));let G=Array.isArray(c.product)&&c.product.length>0,pt=G?c.product:c.static||[];return{id:c.id||Math.random().toString(),type:"buy",shopableType:G?"product":"static",x:M,y:_,width:W,height:j,rotation:d.rotation??0,z:d.z??10,products:pt.map(O=>{let q=O.productData||O||{},H=q.attributes||O.attributes||{},nt=H.sales_price||q.price||H.price||O.price,ut=H.sales_price?q.price||H.price||O.price:q.oldPrice||O.oldPrice,U=q.color||H.color||O.color,J=q.size||H.size||O.size,it=H.colors||[];it.length===0&&U&&(it=[{id:U,hex:U,name:U}]);let gt=H.sizes||[];gt.length===0&&J&&(gt=typeof J=="string"?J.split(",").map(rt=>rt.trim()):[J]);let St={description:q.description||H.description||O.description,color:U,size:J,colors:it,sizes:gt,imageUrls:H.imageUrls||[H.image_link||q.imageUrl||q.image||O.imageUrl||O.image||O.url].filter(Boolean),availability:q.availability||H.availability||O.availability,tags:q.tags||H.tags||O.tags,...H};return{id:q.productId||q.id||O.productId||O.id||Math.random().toString(),image:H.image_link||q.imageUrl||q.image||O.imageUrl||O.image||O.url,url:q.link||q.url||O.link||O.url||O.redirectUrl,title:q.title||O.title,price:nt,oldPrice:ut,redirectUrl:O.redirectUrl||q.link||O.link||O.url,svg:q.svg||O.svg,productId:q.productId||O.productId,collectionId:q.collectionId||O.collectionId,feedId:q.feedId||O.feedId,attributes:St}}),styling:{backgroundColor:qt(d.background),cardBackground:qt(d.cardBackground)||qt(d.background)||"#ffffff",cardBorderRadius:$!==void 0?$:10,cardRadiusPercent:C,transparent:d.transparent===!0,textColor:d.textColor||"#ffffff",buttonBackground:d.buttonBackground||"#000000",buttonTextColor:d.buttonTextColor||"#ffffff",buttonFontSize:d.buttonFontSize||12,buttonBorderRadius:d.buttonBorderRadius!==void 0?d.buttonBorderRadius:100,titleColor:d.titleColor||d.textColor||"#1a1a2e",titleFontSize:d.titleFontSize||14,titleFontWeight:d.titleFontWeight?String(d.titleFontWeight):"600",priceColor:d.priceColor||d.textColor||"#1a1a2e",priceFontSize:d.priceFontSize||16,priceFontWeight:d.priceFontWeight?String(d.priceFontWeight):"700",mrpColor:d.mrpColor||"#8b8b98",mrpFontSize:d.mrpFontSize||12,mrpFontWeight:d.mrpFontWeight?String(d.mrpFontWeight):"500",imageRadius:d.imageRadius!==void 0?Number(d.imageRadius)*l:10,animation:Te(d.animation)}}}),k=p.map(c=>{let R=c.position||c.postion||{x:0,y:0};return{id:c.id||Math.random().toString(),type:"image",x:R.x/r*100,y:R.y/a*100,width:c.width/r*100,height:c.height?c.height/a*100:void 0,url:c.link||c.url,z:c.z??0}}),S=x.map(c=>{let R=c.position||{x:0,y:0},s=c.font||{};return{id:c.id||Math.random().toString(),type:"text",x:R.x/r*100,y:R.y/a*100,width:c.size?.width?c.size.width/r*100:void 0,text:c.value,z:c.z??1,styling:{color:c.color||"#000000",fontSize:s.fontSize?s.fontSize*l:void 0,fontFamily:s.fontFamily,fontStyle:s.fontStyle,fontWeight:s.fontWeight}}}),z=[...b,...h,...y,...k,...S].filter(c=>{if(!c.duration)return!0;let{start:R,end:s}=c.duration;return i>=R&&i<=s}).sort((c,R)=>(c.z??0)-(R.z??0));return(0,pe.jsxs)("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:10,pointerEvents:"none",overflow:"hidden"},children:[(0,pe.jsx)("style",{children:`
|
|
53
|
+
@keyframes appstorys-fade-in {
|
|
54
|
+
from { opacity: 0; transform: translateY(10px); }
|
|
55
|
+
to { opacity: 1; transform: translateY(0); }
|
|
56
|
+
}
|
|
57
|
+
@keyframes appstorys-classic-in {
|
|
58
|
+
0% { opacity: 0; transform: scale(0.7); }
|
|
59
|
+
70% { opacity: 1; transform: scale(1.05); }
|
|
60
|
+
100% { opacity: 1; transform: scale(1); }
|
|
61
|
+
}
|
|
62
|
+
@keyframes appstorys-rotate-in {
|
|
63
|
+
from { opacity: 0; transform: rotate(-20deg) scale(0.5); }
|
|
64
|
+
to { opacity: 1; transform: rotate(0deg) scale(1); }
|
|
65
|
+
}
|
|
66
|
+
@keyframes appstorys-bounce-in {
|
|
67
|
+
0% { opacity: 0; transform: scale(0.3); }
|
|
68
|
+
50% { opacity: 1; transform: scale(1.1); }
|
|
69
|
+
70% { opacity: 1; transform: scale(0.95); }
|
|
70
|
+
100% { opacity: 1; transform: scale(1); }
|
|
71
|
+
}
|
|
72
|
+
`}),z.map(c=>!c||typeof c!="object"||!(c.type||"").toLowerCase()?null:(0,pe.jsx)(pn,{data:c,onInteraction:e,isEditing:o},c.id))]})};var hn=require("react"),Ut=require("react/jsx-runtime"),Ri=({isPaused:t,onPress:e,style:o,size:i=36})=>{let[n,r]=(0,hn.useState)(!1);return(0,Ut.jsx)("button",{onClick:e,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),style:{width:`${i}px`,height:`${i}px`,background:n?"rgba(255, 255, 255, 0.15)":"rgba(255, 255, 255, 0.08)",border:n?"1px solid white":"1px solid rgba(255, 255, 255, 0.1)",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"10px",cursor:"pointer",transition:"all 0.2s ease",padding:0,outline:"none",...o},children:t?(0,Ut.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"white",children:(0,Ut.jsx)("path",{d:"M5 3.867v16.266c0 .54.58.88 1.05.61l14.133-8.133c.46-.27.46-.94 0-1.21L6.05 3.257C5.58 2.987 5 3.327 5 3.867z"})}):(0,Ut.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"white",children:[(0,Ut.jsx)("rect",{x:"6",y:"4",width:"4",height:"16",rx:"1"}),(0,Ut.jsx)("rect",{x:"14",y:"4",width:"4",height:"16",rx:"1"})]})})},bn=Ri;var ze=require("react/jsx-runtime"),Ti=t=>{switch(t){case"left":return"flex-start";case"right":return"flex-end";default:return"center"}},zi=({cta:t,buttonText:e,onPress:o})=>!t||!e||e.trim()===""?null:(0,ze.jsx)("div",{style:{position:"absolute",bottom:t?.margin?.bottom,left:t?.margin?.left,right:t?.margin?.right,display:"flex",justifyContent:Ti(t?.container?.alignment),width:"100%",pointerEvents:"none",boxSizing:"border-box",zIndex:10},children:(0,ze.jsx)("button",{style:{backgroundColor:t?.container?.backgroundColor||"#F7921C",borderColor:t?.container?.borderColor||"transparent",borderWidth:t?.container?.borderWidth??0,borderStyle:t?.container?.borderWidth?"solid":"none",borderTopRightRadius:t?.cornerRadius?.topRight,borderTopLeftRadius:t?.cornerRadius?.topLeft,borderBottomRightRadius:t?.cornerRadius?.bottomRight,borderBottomLeftRadius:t?.cornerRadius?.bottomLeft,height:t?.container?.height||42,width:t?.container?.ctaFullWidth?"100%":t?.container?.ctaWidth||"auto",justifyContent:"center",alignItems:"center",display:"flex",cursor:"pointer",outline:"none",pointerEvents:"auto",padding:"0 12px",boxSizing:"border-box"},onClick:o,children:(0,ze.jsx)("span",{style:{color:t?.text?.color||"#ffffff",fontSize:t?.text?.fontSize||14,fontFamily:t?.text?.fontFamily,fontWeight:t?.text?.fontDecoration?.includes("bold")?"bold":"normal",fontStyle:t?.text?.fontDecoration?.includes("italic")?"italic":"normal",textDecorationLine:t?.text?.fontDecoration?.includes("underline")?"underline":"none",textAlign:"center"},children:de(e)})})}),xn=zi;var Zt=require("react/jsx-runtime"),Fi=({config:t,onPress:e,style:o,ignoreSizeAndMargin:i=!1})=>{if(!t||!t.enabled)return null;let{size:n=18,margin:r,color:a,image:l,selectedStyle:g}=t,p=i?40:n,x={marginTop:i?0:r?.top??0,marginBottom:i?0:r?.bottom??0,marginLeft:i?0:r?.left??0,marginRight:i?0:r?.right??0,width:p,height:p,backgroundColor:a?.fill||"transparent",borderColor:a?.stroke||"transparent",borderWidth:p*.05,borderRadius:"50%",justifyContent:"center",alignItems:"center",zIndex:1e6,position:"absolute",display:"flex",padding:0,cursor:"pointer",outline:"none",borderStyle:a?.stroke?"solid":"none",...o},m=()=>{let u=a?.cross||"#ffffff";return(0,Zt.jsxs)("svg",{viewBox:"0 0 24 24",width:"70%",height:"70%","aria-hidden":!0,children:[(0,Zt.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18",stroke:u,strokeWidth:"2.2",strokeLinecap:"round"}),(0,Zt.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18",stroke:u,strokeWidth:"2.2",strokeLinecap:"round"})]})};return(0,Zt.jsx)("button",{onClick:e,style:x,title:g||"",children:l&&l.trim()!==""?(0,Zt.jsx)("img",{src:l,style:{width:p,height:p,objectFit:"contain"},alt:"close"}):m()})},$t=Fi;var wt=require("react/jsx-runtime"),lo=({config:t,onPress:e,ignoreSizeAndMargin:o=!1,enabled:i,style:n,type:r})=>{if(!t||!i)return null;let{size:a=18,margin:l,color:g,image:p,selectedStyle:x}=t,m=o?40:a,u=o?0:l?.top??0,v=o?0:l?.bottom??0,f=o?0:l?.left??0,b=o?0:l?.right??0,h={marginTop:u,marginBottom:v,marginLeft:f,marginRight:b,width:m,height:m,backgroundColor:g?.fill||"transparent",borderColor:g?.stroke||"transparent",borderWidth:m*.05,borderRadius:"50%",justifyContent:"center",alignItems:"center",zIndex:1e6,display:"flex",...o?{}:{marginTop:t.margin?.top??0,marginRight:t.margin?.right??0,marginBottom:t.margin?.bottom??0,marginLeft:t.margin?.left??0},...n},y=()=>{let k=g?.cross||"#ffffff";return r==="mute"?(0,wt.jsxs)("svg",{viewBox:"0 0 24 24",width:"70%",height:"70%","aria-hidden":!0,children:[(0,wt.jsx)("polygon",{points:"4,10 8,10 13,6 13,18 8,14 4,14",fill:"none",stroke:k,strokeWidth:"2.2",strokeLinejoin:"round"}),(0,wt.jsx)("line",{x1:"16",y1:"8",x2:"21",y2:"16",stroke:k,strokeWidth:"2.2",strokeLinecap:"round"}),(0,wt.jsx)("line",{x1:"21",y1:"8",x2:"16",y2:"16",stroke:k,strokeWidth:"2.2",strokeLinecap:"round"})]}):(0,wt.jsxs)("svg",{viewBox:"0 0 24 24",width:"70%",height:"70%","aria-hidden":!0,children:[(0,wt.jsx)("polygon",{points:"4,10 8,10 13,6 13,18 8,14 4,14",fill:"none",stroke:k,strokeWidth:"2.2",strokeLinejoin:"round"}),(0,wt.jsx)("path",{d:"M16 10 Q18 12 16 14",fill:"none",stroke:k,strokeWidth:"2.2",strokeLinecap:"round"}),(0,wt.jsx)("path",{d:"M18 8 Q22 12 18 16",fill:"none",stroke:k,strokeWidth:"2.2",strokeLinecap:"round"})]})};return(0,wt.jsx)("button",{onClick:e,style:{...h,border:h.borderColor?`${h.borderWidth}px solid ${h.borderColor}`:"none",padding:0,cursor:"pointer",outline:"none"},title:x||"",children:p&&p.trim()!==""?(0,wt.jsx)("img",{src:p,style:{width:m,height:m,objectFit:"contain"},alt:r}):y()})};var Lt=require("react/jsx-runtime"),Ii=({config:t,onPress:e,ignoreSizeAndMargin:o=!1,style:i})=>{if(!t||t.enabled===!1)return null;let{size:n=18,margin:r,color:a,image:l,selectedStyle:g}=t,p=o?40:n,x={marginTop:o?0:r?.top??0,marginBottom:o?0:r?.bottom??0,marginLeft:o?0:r?.left??0,marginRight:o?0:r?.right??0,width:p,height:p,backgroundColor:a?.fill||"transparent",borderColor:a?.stroke||"transparent",borderWidth:p*.05,borderRadius:"50%",justifyContent:"center",alignItems:"center",zIndex:1e6,position:"absolute",display:"flex",padding:0,cursor:"pointer",outline:"none",borderStyle:a?.stroke?"solid":"none",...i},m=()=>{let u=a?.cross||"#ffffff";return(0,Lt.jsxs)("svg",{viewBox:"0 0 24 24",width:"60%",height:"60%",fill:"none",stroke:u,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,Lt.jsx)("circle",{cx:"18",cy:"5",r:"3"}),(0,Lt.jsx)("circle",{cx:"6",cy:"12",r:"3"}),(0,Lt.jsx)("circle",{cx:"18",cy:"19",r:"3"}),(0,Lt.jsx)("line",{x1:"8.59",y1:"13.51",x2:"15.42",y2:"17.49"}),(0,Lt.jsx)("line",{x1:"15.41",y1:"6.51",x2:"8.59",y2:"10.49"})]})};return(0,Lt.jsx)("button",{onClick:e,style:x,title:g||"",children:l&&l.trim()!==""?(0,Lt.jsx)("img",{src:l,style:{width:p,height:p,objectFit:"contain"},alt:"share"}):m()})},Sn=Ii;var w=require("react/jsx-runtime"),Cn=({stories:t,activeStoryIndex:e,dataId:o,viewedStories:i,setViewedStories:n,onNextStory:r,onPrevStory:a,onClose:l})=>{let[g,p]=(0,at.useState)(0),[x,m]=(0,at.useState)(0),[u,v]=(0,at.useState)(!1),[f,b]=(0,at.useState)(!1),[h,y]=(0,at.useState)(!1),[k,S]=(0,at.useState)(!1),[z,B]=(0,at.useState)(null),[c,R]=(0,at.useState)(typeof window<"u"?window.innerWidth>=1024:!1);(0,at.useEffect)(()=>{let N=()=>{R(window.innerWidth>=1024)};return window.addEventListener("resize",N),()=>window.removeEventListener("resize",N)},[]);let s=(0,at.useRef)(null),d=(0,at.useRef)(null),D=(0,at.useRef)(0),I=t[e],E=I?.slides[g],C=E?.styling,T=C?.editorSource||C?.meta?.editorSource,L=T==="studio"||T==="editor",A=L?C?.background?.media?.mediaUrl:E?.image,$=L?E?.content?.button_text:E?.button_text,M=L?E?.content?.link:E?.link,W=E?.video||(L?E?.content?.video?.[0]?.link:void 0),j=async()=>{let N={title:I.name,text:`Check out this story: ${I.name}`,url:window.location.href};if(E?.id&&V("shared",o,{story_slide:E.id}),navigator.share)try{await navigator.share(N)}catch{}else if(navigator.clipboard)try{await navigator.clipboard.writeText(window.location.href),B("Story link copied to clipboard!"),setTimeout(()=>B(null),2500)}catch{}};if((0,at.useEffect)(()=>{p(0),m(0),b(!1),y(!1)},[e]),(0,at.useEffect)(()=>{let N=K=>{if(!(document.activeElement?.tagName==="INPUT"||document.activeElement?.tagName==="TEXTAREA"))switch(K.key){case"ArrowRight":_();break;case"ArrowLeft":G();break;case" ":K.preventDefault(),y(tt=>!tt);break;case"Escape":l();break;case"s":case"S":K.preventDefault(),j();break}};return window.addEventListener("keydown",N),()=>window.removeEventListener("keydown",N)},[g,e,h,I,l]),(0,at.useEffect)(()=>{I&&E&&V("viewed",o,{story_slide:E.id})},[g,I?.id,o]),(0,at.useEffect)(()=>{if(I&&E){let N=I.styling?.slideShowTime||5,K=!!W;if(s.current&&clearInterval(s.current),h){d.current&&d.current.pause();return}else d.current&&d.current.play().catch(()=>{});return K&&!f?void 0:(s.current=setInterval(()=>{m(tt=>tt>=100?(_(),100):tt+100/(N*10))},100),()=>{s.current&&clearInterval(s.current)})}},[e,g,h,f]),!E)return null;let _=()=>{if(g<I.slides.length-1)p(N=>N+1),m(0);else{if(!i.includes(I.id)){let N=[...i,I.id];n(N),localStorage.setItem("app_storys_viewed_stories",JSON.stringify(N))}r()}},G=()=>{g>0?(p(N=>N-1),m(0)):a()},pt=()=>{D.current=Date.now(),y(!0)},O=N=>{y(!1),Date.now()-D.current<300&&(N==="next"?_():G())},q=()=>{b(!0)},H=N=>{let K=N?.styling,tt=K?.editorSource||K?.meta?.editorSource,_t=tt==="studio"||tt==="editor"?N.content?.link:N.link;_t&&(V("clicked",o,{story_slide:N.id}),_t.startsWith("http")?window.open(_t,"_blank"):window.location.href=_t)},nt=N=>{N.stopPropagation(),v(!u)},ut=I?.styling?.crossButton,U=I?.styling?.soundToggle,J=E?.styling?.cta,it=J?.container,gt=J?.text,St=c?{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",background:"radial-gradient(circle at center, #0B1424 0%, #03070E 100%)",zIndex:1e5,display:"flex",flexDirection:"column",alignItems:"center",overflow:"hidden",color:"white"}:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"rgba(0,0,0,0.95)",zIndex:1e5,display:"flex",justifyContent:"center",alignItems:"center"},rt=c?{position:"relative",width:"380px",height:"680px",backgroundColor:"#000",borderRadius:"20px",overflow:"hidden",display:"flex",flexDirection:"column",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.8)",border:"1px solid rgba(255, 255, 255, 0.1)",transition:"all 0.3s ease",zIndex:5}:{position:"relative",width:"100%",maxWidth:"450px",height:"100%",maxHeight:"850px",backgroundColor:"#000",borderRadius:"0px",overflow:"hidden",display:"flex",flexDirection:"column"},Mt={width:"240px",height:"420px",backgroundColor:"#000",borderRadius:"16px",overflow:"hidden",opacity:.45,filter:"none",display:"flex",flexDirection:"column",boxShadow:"0 10px 20px rgba(0,0,0,0.5)",border:"1px solid rgba(255, 255, 255, 0.05)",transform:"scale(0.9)",transition:"all 0.3s ease",cursor:"pointer"};return(0,w.jsxs)("div",{style:St,onClick:()=>!c&&_(),children:[(0,w.jsxs)("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:0,overflow:"hidden",pointerEvents:"none",transition:"all 0.6s ease-in-out"},children:[W?(0,w.jsx)("video",{src:W,style:{width:"100%",height:"100%",objectFit:"cover",filter:"blur(120px) saturate(1.8) opacity(0.35)"},muted:!0}):(0,w.jsx)(zt,{src:A||I.thumbnail,style:{width:"100%",height:"100%",filter:"blur(120px) saturate(1.8) opacity(0.35)"}}),(0,w.jsx)("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"rgba(5, 5, 8, 0.4)"}})]},`${e}-${g}`),c&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{style:{width:"100%",display:"flex",gap:"8px",padding:"12px 20px",boxSizing:"border-box",zIndex:10},children:I.slides.map((N,K)=>{let tt="0%";return K<g?tt="100%":K===g&&(tt=`${x}%`),(0,w.jsx)("div",{style:{flex:1,height:"3px",backgroundColor:"rgba(255,255,255,0.15)",borderRadius:"2px",overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:tt,height:"100%",backgroundColor:"white",transition:K===g?"width 0.1s linear":"none"}})},K)})}),(0,w.jsxs)("div",{style:{width:"100%",display:"grid",gridTemplateColumns:"1fr 380px 1fr",alignItems:"center",padding:"12px 20px",boxSizing:"border-box",zIndex:k?2e3:10},children:[(0,w.jsx)("div",{}),(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},children:[(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[(0,w.jsx)(zt,{src:I.thumbnail,alt:I.name,style:{width:"36px",height:"36px",borderRadius:"50%",border:"2px solid #F97316"}}),(0,w.jsx)("span",{style:{color:"white",fontWeight:"bold",fontSize:"15px",whiteSpace:"nowrap"},children:I.name})]}),(0,w.jsxs)("div",{style:{display:"flex",gap:"8px"},children:[(0,w.jsx)(Sn,{config:{enabled:(I?.styling?.share?.enabled??!0)&&!!M,image:I?.styling?.share?.image??"",color:{cross:I?.styling?.share?.color?.cross??"#ffffff",fill:I?.styling?.share?.color?.fill??"rgba(255,255,255,0.08)",stroke:I?.styling?.share?.color?.stroke??"transparent"},margin:{top:0,bottom:0,left:0,right:0},size:I?.styling?.share?.size??36},onPress:j,style:{position:"relative",borderRadius:"10px"}}),(0,w.jsx)(lo,{config:{size:36,color:{cross:"#ffffff",fill:"rgba(255,255,255,0.08)",stroke:"transparent"},margin:{top:0,bottom:0,left:0,right:0},image:u?I?.styling?.soundToggle?.mute?.image||"":I?.styling?.soundToggle?.unmute?.image||""},onPress:nt,type:u?"mute":"unmute",enabled:!!U?.enabled&&!!W,style:{position:"relative",borderRadius:"10px"}}),(0,w.jsx)(bn,{isPaused:h,onPress:()=>y(!h)})]})]}),(0,w.jsxs)("div",{style:{display:"flex",gap:"10px",flex:1,justifyContent:"flex-end"},children:[(0,w.jsxs)("div",{style:{position:"relative"},children:[(0,w.jsx)("button",{onClick:()=>{S(!k),y(!k)},style:{width:"36px",height:"36px",background:k?"rgba(255,255,255,0.15)":"rgba(255,255,255,0.08)",border:k?"1px solid white":"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"10px",cursor:"pointer",transition:"all 0.2s",padding:0,outline:"none"},children:(0,w.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,w.jsx)("rect",{x:"3",y:"3",width:"7",height:"7"}),(0,w.jsx)("rect",{x:"14",y:"3",width:"7",height:"7"}),(0,w.jsx)("rect",{x:"14",y:"14",width:"7",height:"7"}),(0,w.jsx)("rect",{x:"3",y:"14",width:"7",height:"7"})]})}),k&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("style",{children:`
|
|
73
|
+
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
|
|
74
|
+
@keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
|
|
75
|
+
`}),(0,w.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,background:"rgba(0, 0, 0, 0.45)",zIndex:1e3,animation:"fadeIn 0.2s ease-out forwards"},onClick:()=>{S(!1),y(!1)}}),(0,w.jsxs)("div",{style:{position:"absolute",top:"46px",right:0,width:"260px",background:"rgba(25, 25, 25, 0.98)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:"16px",padding:"18px",boxShadow:"0 20px 25px -5px rgba(0,0,0,0.4), 0 10px 10px -5px rgba(0,0,0,0.4)",zIndex:1001,animation:"fadeUp 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards"},children:[(0,w.jsx)("div",{style:{fontSize:"11px",fontWeight:"bold",color:"#9CA3AF",letterSpacing:"1px",textTransform:"uppercase",marginBottom:"16px",paddingBottom:"10px",borderBottom:"1px solid rgba(255,255,255,0.06)"},children:"Keyboard Shortcuts"}),(0,w.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,w.jsx)("div",{style:{display:"flex",gap:"4px"},children:(0,w.jsx)("span",{style:{background:"rgba(255,255,255,0.08)",padding:"5px 8px",borderRadius:"5px",fontSize:"12px",color:"white",border:"1px solid rgba(255,255,255,0.1)"},children:"\u2192"})}),(0,w.jsx)("span",{style:{fontSize:"13px",color:"#E5E7EB",fontWeight:"500"},children:"Next slide"})]}),(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,w.jsx)("div",{style:{display:"flex",gap:"4px"},children:(0,w.jsx)("span",{style:{background:"rgba(255,255,255,0.08)",padding:"5px 8px",borderRadius:"5px",fontSize:"12px",color:"white",border:"1px solid rgba(255,255,255,0.1)"},children:"\u2190"})}),(0,w.jsx)("span",{style:{fontSize:"13px",color:"#E5E7EB",fontWeight:"500"},children:"Previous slide"})]}),(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,w.jsx)("div",{style:{display:"flex",gap:"4px"},children:(0,w.jsx)("span",{style:{background:"rgba(255,255,255,0.08)",padding:"4px 10px",borderRadius:"5px",fontSize:"11px",color:"#9CA3AF",textTransform:"lowercase",border:"1px solid rgba(255,255,255,0.1)"},children:"space"})}),(0,w.jsx)("span",{style:{fontSize:"13px",color:"#E5E7EB",fontWeight:"500"},children:"Play/Pause"})]}),(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,w.jsx)("div",{style:{display:"flex",gap:"4px"},children:(0,w.jsx)("span",{style:{background:"rgba(255,255,255,0.08)",padding:"4px 10px",borderRadius:"5px",fontSize:"11px",color:"#9CA3AF",textTransform:"lowercase",border:"1px solid rgba(255,255,255,0.1)"},children:"esc"})}),(0,w.jsx)("span",{style:{fontSize:"13px",color:"#E5E7EB",fontWeight:"500"},children:"Close story"})]}),(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,w.jsx)("div",{style:{display:"flex",gap:"4px"},children:(0,w.jsx)("span",{style:{background:"rgba(255,255,255,0.08)",padding:"5px 10px",borderRadius:"5px",fontSize:"12px",color:"white",fontWeight:"bold",border:"1px solid rgba(255,255,255,0.1)"},children:"S"})}),(0,w.jsx)("span",{style:{fontSize:"13px",color:"#E5E7EB",fontWeight:"500"},children:"Share story link"})]})]})]})]})]}),(0,w.jsx)($t,{config:{enabled:ut?.enabled??!0,image:ut?.image??"",color:{cross:"#ffffff",fill:"rgba(255,255,255,0.08)",stroke:"transparent"},margin:{top:0,bottom:0,left:0,right:0},size:36},onPress:l,style:{position:"relative",borderRadius:"10px"}})]})]})]}),(0,w.jsxs)("div",{style:{display:c?"grid":"flex",gridTemplateColumns:c?"1fr 380px 1fr":"none",alignItems:"center",justifyContent:"center",gap:"12px",flex:1,width:"100%",maxWidth:"1400px",position:"relative"},onClick:N=>c&&N.stopPropagation(),children:[c&&(0,w.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"12px",width:"100%",boxSizing:"border-box"},children:[g>0&&(()=>{let N=I.slides[g-1];if(!N)return null;let K=N.styling,tt=K?.editorSource||K?.meta?.editorSource,_t=tt==="studio"||tt==="editor"?K?.background?.media?.mediaUrl:N.image;return(0,w.jsxs)("div",{style:Mt,onClick:G,children:[(0,w.jsx)(zt,{src:_t||I.thumbnail}),(0,w.jsx)("div",{style:{position:"absolute",top:0,bottom:0,left:0,right:0,background:"rgba(0,0,0,0.2)",backdropFilter:"blur(1px)"}})]})})(),g>0&&(0,w.jsx)("button",{onClick:G,style:{background:"rgba(255,255,255,0.15)",border:"1px solid rgba(255,255,255,0.2)",color:"white",borderRadius:"50%",width:"40px",height:"40px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",fontSize:"18px",backdropFilter:"blur(5px)",transition:"background 0.2s"},onMouseEnter:N=>N.currentTarget.style.background="rgba(255,255,255,0.25)",onMouseLeave:N=>N.currentTarget.style.background="rgba(255,255,255,0.15)",children:"\u2039"})]}),(0,w.jsxs)("div",{style:rt,onClick:N=>N.stopPropagation(),children:[!c&&(0,w.jsx)("div",{style:{position:"absolute",top:"0px",left:"0px",right:"0px",display:"flex",gap:"4px",padding:"10px",zIndex:10},children:I.slides.map((N,K)=>{let tt="0%";return K<g?tt="100%":K===g&&(tt=`${x}%`),(0,w.jsx)("div",{style:{flex:1,height:"3px",backgroundColor:"rgba(255,255,255,0.3)",borderRadius:"2px",overflow:"hidden"},children:(0,w.jsx)("div",{style:{width:tt,height:"100%",backgroundColor:"white",transition:K===g?"width 0.1s linear":"none"}})},K)})}),!c&&(0,w.jsxs)("div",{style:{position:"absolute",top:"20px",left:"10px",right:"10px",display:"flex",alignItems:"center",justifyContent:"space-between",zIndex:10,padding:"5px"},children:[(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[(0,w.jsx)(zt,{src:I.thumbnail,alt:I.name,style:{width:"32px",height:"32px",borderRadius:"50%"}}),(0,w.jsx)("span",{style:{color:"white",fontWeight:"bold",fontSize:"14px",textShadow:"0 1px 3px rgba(0,0,0,0.8)"},children:I.name})]}),(0,w.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[(0,w.jsx)(lo,{config:{size:32,color:{cross:"#ffffff",fill:"rgba(255,255,255,0.08)",stroke:"transparent"},margin:{top:0,bottom:0,left:0,right:0},image:""},onPress:nt,type:u?"mute":"unmute",enabled:!!U?.enabled&&!!W,style:{position:"relative",borderRadius:"10px"}}),(0,w.jsx)($t,{config:{enabled:ut?.enabled!==!1,image:"",color:{cross:"#ffffff",fill:"rgba(255,255,255,0.08)",stroke:"transparent"},margin:{top:0,bottom:0,left:0,right:0},size:32},onPress:l,style:{position:"relative",borderRadius:"10px"}})]})]}),(0,w.jsx)("div",{style:{position:"absolute",top:0,bottom:0,left:0,width:"30%",zIndex:5,cursor:"pointer"},onMouseDown:pt,onMouseUp:()=>O("prev"),onTouchStart:pt,onTouchEnd:()=>O("prev")}),(0,w.jsx)("div",{style:{position:"absolute",top:0,bottom:0,right:0,width:"70%",zIndex:4,cursor:"pointer"},onMouseDown:pt,onMouseUp:()=>O("next"),onTouchStart:pt,onTouchEnd:()=>O("next")}),(()=>{let N=qt(C?.background)||"#000000";return(0,w.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",background:L?N:"#000",position:"relative",width:"100%",maxHeight:c?"none":"100%",aspectRatio:"1080 / 1920",overflow:"hidden",borderRadius:c?"16px":"0",boxShadow:c?"0 12px 36px rgba(0,0,0,0.4)":"none"},children:[W?(0,w.jsx)("video",{ref:d,src:W,autoPlay:!0,playsInline:!0,muted:u,onLoadedData:q,style:{width:"100%",height:"100%",objectFit:"cover"}}):(A||!L&&I?.thumbnail)&&(0,w.jsx)(zt,{src:A||I?.thumbnail,alt:"Story content",style:{width:"100%",height:"100%",objectFit:L?"contain":"cover"}}),(0,w.jsx)(yn,{content:{...E.content,styling:{...E.content?.styling,...E?.styling},interactions:E.interactions},elapsedTime:x/100*(I.styling?.slideShowTime||5),onInteraction:async tt=>{y(!0);let{type:Ht,questionId:_t,pollId:Le,quizId:On,optionId:jn,value:Nn,stickerId:qn}=tt,ye=Ht?.split("_")[0]||"interaction";ye==="quizz"&&(ye="quiz"),Ht?.startsWith("image_quiz")&&(ye="quiz");let Un=qn||_t||Le||On||E.id,Hn=jn||tt.selected_option||"",ho=F.getState(),Vn=ho.userId||"anonymous",Yn=ho.trackingUrl||"https://tracking.appstorys.co",bo=await ot(),Qn={user_id:Vn,campaign_id:o,event:"interaction",metadata:{interaction_type:ye,interaction_id:Un,slide_id:E.id,selected_option:String(Hn),value:String(Nn||"")}};fetch(`${Yn}/capture-event`,{method:"POST",headers:{"Content-Type":"application/json",...bo?{Authorization:`Bearer ${bo}`}:{}},body:JSON.stringify(Qn)}).catch(Gn=>console.error("AppStorys: Instant Tracking Failed",Gn))}})]})})(),($||M)&&(0,w.jsx)(xn,{cta:E?.styling?.cta,buttonText:$||"Learn More",onPress:N=>{N&&N.stopPropagation&&N.stopPropagation(),H(E)}})]}),c&&(0,w.jsxs)("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"12px",width:"100%",boxSizing:"border-box"},children:[g<I.slides.length-1&&(0,w.jsx)("button",{onClick:_,style:{background:"rgba(255,255,255,0.15)",border:"1px solid rgba(255,255,255,0.2)",color:"white",borderRadius:"50%",width:"40px",height:"40px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",fontSize:"18px",backdropFilter:"blur(5px)",transition:"background 0.2s"},onMouseEnter:N=>N.currentTarget.style.background="rgba(255,255,255,0.25)",onMouseLeave:N=>N.currentTarget.style.background="rgba(255,255,255,0.15)",children:"\u203A"}),(()=>{let K=g<I.slides.length-1?I.slides[g+1]:null;if(!K)return null;let tt=K.styling,Ht=tt?.editorSource||tt?.meta?.editorSource,Le=Ht==="studio"||Ht==="editor"?tt?.background?.media?.mediaUrl:K.image;return(0,w.jsxs)("div",{style:Mt,onClick:_,children:[(0,w.jsx)(zt,{src:Le||I.thumbnail}),(0,w.jsx)("div",{style:{position:"absolute",top:0,bottom:0,left:0,right:0,background:"rgba(0,0,0,0.2)",backdropFilter:"blur(1px)"}})]})})()]}),c&&e>0&&(0,w.jsxs)("div",{style:{position:"absolute",bottom:"40px",left:"40px",display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"5px",zIndex:20},children:[(0,w.jsx)("span",{style:{fontSize:"11px",fontWeight:"bold",color:"rgba(255,255,255,0.75)",letterSpacing:"0.4px",paddingLeft:"2px"},children:"Previous Stories"}),(0,w.jsxs)("div",{style:{background:"rgba(255, 255, 255, 0.06)",padding:"8px 14px",borderRadius:"14px",display:"flex",alignItems:"center",gap:"12px",backdropFilter:"blur(16px)",cursor:"pointer",boxShadow:"0 8px 16px rgba(0, 0, 0, 0.25)",transition:"all 0.2s",maxWidth:"280px"},onClick:a,children:[(0,w.jsx)("span",{style:{color:"white",fontSize:"15px",fontWeight:"normal"},children:"\u2190"}),(0,w.jsx)("div",{style:{width:"40px",height:"40px",borderRadius:"50%",border:"2px solid white",display:"flex",alignItems:"center",justifyContent:"center",background:"white",flexShrink:0},children:(0,w.jsx)(zt,{src:t[e-1].thumbnail,style:{width:"36px",height:"36px",borderRadius:"50%"}})}),(0,w.jsx)("span",{style:{fontSize:"14px",color:"white",fontWeight:"500",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:t[e-1].name})]})]}),c&&e<t.length-1&&(0,w.jsxs)("div",{style:{position:"absolute",bottom:"40px",right:"40px",display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"5px",zIndex:20},children:[(0,w.jsx)("span",{style:{fontSize:"11px",fontWeight:"bold",color:"rgba(255,255,255,0.75)",letterSpacing:"0.4px",paddingLeft:"2px"},children:"Next Stories"}),(0,w.jsxs)("div",{style:{background:"rgba(255, 255, 255, 0.06)",padding:"8px 14px",borderRadius:"14px",display:"flex",alignItems:"center",gap:"12px",backdropFilter:"blur(16px)",cursor:"pointer",boxShadow:"0 8px 16px rgba(0, 0, 0, 0.25)",transition:"all 0.2s",maxWidth:"280px"},onClick:r,children:[(0,w.jsx)("div",{style:{width:"40px",height:"40px",borderRadius:"50%",border:"2px solid white",display:"flex",alignItems:"center",justifyContent:"center",background:"white",flexShrink:0},children:(0,w.jsx)(zt,{src:t[e+1].thumbnail,style:{width:"36px",height:"36px",borderRadius:"50%"}})}),(0,w.jsx)("span",{style:{fontSize:"14px",color:"white",fontWeight:"500",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:0},children:t[e+1].name}),(0,w.jsx)("span",{style:{color:"white",fontSize:"15px",fontWeight:"normal"},children:"\u2192"})]})]}),z&&(0,w.jsx)("div",{style:{position:"absolute",bottom:"40px",left:"50%",transform:"translateX(-50%)",background:"rgba(20, 20, 20, 0.96)",border:"1px solid rgba(255,255,255,0.08)",padding:"12px 24px",borderRadius:"12px",color:"white",fontSize:"13px",fontWeight:"500",boxShadow:"0 10px 20px rgba(0,0,0,0.5)",backdropFilter:"blur(10px)",zIndex:1e3},children:z})]})]})};var ue=require("react/jsx-runtime"),vn=()=>{let t=st("STR"),e=F(p=>p.isVisible),[o,i]=(0,se.useState)(null),[n,r]=(0,se.useState)([]);if((0,se.useEffect)(()=>{try{let p=localStorage.getItem("app_storys_viewed_stories");p&&r(JSON.parse(p))}catch(p){console.error("Failed to load viewed stories:",p)}},[]),(0,se.useEffect)(()=>{t&&t.details&&V("story_module_viewed",t.id)},[t]),!t||!t.details||t.details.length===0||!e)return null;let a=p=>{i(p);let x=t.details[p];V("story_opened",t.id,{story_id:x.id,story_name:x.name})},l=()=>{o!==null&&(o<t.details.length-1?i(o+1):i(null))},g=()=>{o!==null&&o>0&&i(o-1)};return(0,ue.jsxs)("div",{className:"story-group-container",style:{width:"100vw",position:"relative",left:"50%",right:"50%",marginLeft:"-50vw",marginRight:"-50vw",boxSizing:"border-box"},children:[(0,ue.jsx)(Uo,{stories:t.details,viewedStories:n,onStoryClick:a}),o!==null&&(0,ue.jsx)(Cn,{stories:t.details,activeStoryIndex:o,dataId:t.id,viewedStories:n,setViewedStories:r,onNextStory:l,onPrevStory:g,onClose:()=>i(null)})]})};var Dt=require("react"),kn=require("react-dom");Z();var Ft=require("react/jsx-runtime"),wn=({position:t})=>{let e=st("WID",{position:t}),o=F(s=>s.campaigns),i=F(s=>s.allCampaigns),n=F(s=>s.currentScreen),r=s=>(s||"").trim().toLowerCase(),a=e??(()=>{let s=r(n),d=[...o||[],...i||[]].find(D=>{let I=D;if(I.campaign_type!=="WID"||t&&I.position!==t)return!1;let E=!!(I.trigger_event??I.trigger),C=I.display_trigger!==!1&&!E,T=!r(I.screen)||r(I.screen)===s;return C&&T});if(d)try{return ht(d)}catch{return d}})(),[l,g]=(0,Dt.useState)(0),p=(0,Dt.useRef)(null),x=(0,Dt.useRef)(null),m=a?.details||{},u=m.widget_images||[],v=m.styling||{},f=m.type||"full",b=f==="half",h=(0,Dt.useRef)([]),y=s=>{!a?.id||!s||h.current.includes(s)||(h.current.push(s),V("viewed",a.id,{widget_image:s}))};(0,Dt.useEffect)(()=>{if(f==="full"&&u.length>1)return x.current=setInterval(()=>{g(s=>{let d=s+1;return d>=u.length?0:d})},5e3),()=>{x.current&&clearInterval(x.current)}},[f,u.length]);let k=(s,d)=>{if(a?.id&&V("clicked",a.id,{widget_image:s}),d){if(!d.startsWith("http")){try{if(bt(d))return}catch(D){console.warn("[Widget] revealCampaignFromLink error",D)}console.log("[Widget] Internal link:",d);return}window.open(d,"_blank")}},S=()=>{if(p.current&&b){let{scrollLeft:s,offsetWidth:d}=p.current,D=d/2+12,I=Math.round(s/D);g(I)}};(0,Dt.useEffect)(()=>{if(!a?.id||f!=="full"||u.length===0)return;let s=u[l];s&&s.id&&y(s.id)},[l,a?.id,u,f]),(0,Dt.useEffect)(()=>{if(!a?.id||!p.current||!b)return;let s=p.current,d=()=>{let{scrollLeft:D,offsetWidth:I}=s,E=I/2+12;u.forEach((C,T)=>{let L=T*E,A=L+E,$=D,M=D+I;Math.max(0,Math.min(A,M)-Math.max(L,$))/E>=.5&&y(C.id)})};return d(),s.addEventListener("scroll",d),()=>s.removeEventListener("scroll",d)},[a?.id,b,u]);let z={display:"flex",flexDirection:"row",flexWrap:b?"nowrap":"wrap",gap:"12px",width:"100%",height:b&&m.height?`${m.height}px`:"auto",marginTop:v.topMargin?`${v.topMargin}px`:"0px",marginBottom:v.bottomMargin?`${v.bottomMargin}px`:"0px",marginLeft:v.leftMargin?`${v.leftMargin}px`:"0px",marginRight:v.rightMargin?`${v.rightMargin}px`:"0px",boxSizing:"border-box",overflowX:b?"auto":"hidden",overflowY:"hidden",scrollSnapType:b?"x mandatory":void 0,msOverflowStyle:"none",scrollbarWidth:"none"},B=s=>({flex:b?"0 0 calc(50% - 6px)":"0 0 100%",height:b&&m.height?`${m.height}px`:"auto",cursor:"pointer",position:"relative",overflow:"hidden",borderRadius:v.borderRadius?`${v.borderRadius}px`:"0px",borderTopLeftRadius:v.topLeftRadius?`${v.topLeftRadius}px`:void 0,borderTopRightRadius:v.topRightRadius?`${v.topRightRadius}px`:void 0,borderBottomLeftRadius:v.bottomLeftRadius?`${v.bottomLeftRadius}px`:void 0,borderBottomRightRadius:v.bottomRightRadius?`${v.bottomRightRadius}px`:void 0,boxShadow:"0 4px 12px rgba(0,0,0,0.08)",scrollSnapAlign:"start"}),c=(0,Ft.jsxs)("div",{style:{width:"100%",position:"relative"},children:[(0,Ft.jsx)("style",{children:`
|
|
76
|
+
.widget-scroll-container::-webkit-scrollbar {
|
|
77
|
+
display: none;
|
|
78
|
+
}
|
|
79
|
+
`}),(0,Ft.jsx)("div",{ref:p,className:"widget-scroll-container",style:z,onScroll:S,children:b?u.map((s,d)=>(0,Ft.jsx)("div",{style:B(d),children:(0,Ft.jsx)("img",{src:s.image,alt:"widget",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"},onClick:()=>k(s.id,s.link)})},s.id)):u.length>0&&(0,Ft.jsx)("div",{style:B(0),children:(0,Ft.jsx)("img",{src:u[l].image,alt:"widget",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"},onClick:()=>k(u[l].id,u[l].link)})},`slide-${l}`)}),f==="full"&&u.length>1&&(0,Ft.jsx)("div",{style:{display:"flex",justifyContent:"center",gap:"6px",marginTop:"8px",width:"100%"},children:u.map((s,d)=>(0,Ft.jsx)("div",{style:{width:"6px",height:"6px",borderRadius:"50%",backgroundColor:d===l?"#333":"#ccc",transition:"background-color 0.2s ease"}},d))})]}),R=null;if(a?.position){let s=String(a.position||"").replace(/^widget_/,""),d=[`[data-as-id="${s}"]`,`#${s}`,`.${s}`,`[data-widget="${s}"]`];for(let D of d)try{let I=document.querySelector(D);if(I){R=I,console.log("[Widget] Portal target found:",D,"for campaign",a?.id);break}}catch{}R||console.log("[Widget] No portal target found for position:",a?.position,"rendering inline for campaign:",a?.id)}return R?(0,kn.createPortal)(c,R):c};var lt=require("react");Z();var Rt=require("react/jsx-runtime"),co=t=>(t||"").trim().toLowerCase(),Bi=()=>{let t=st("TTP"),e=F(q=>q.campaigns),o=F(q=>q.allCampaigns),i=F(q=>q.currentScreen),n=F(q=>q.isVisible),[r,a]=(0,lt.useState)(0),[l,g]=(0,lt.useState)(!1),[p,x]=(0,lt.useState)(null),[m,u]=(0,lt.useState)({width:0,height:0}),v=(0,lt.useRef)(null),f=(0,lt.useRef)(null),b=(0,lt.useMemo)(()=>{if(t)return t;let q=co(i),H=nt=>nt.find(ut=>{let U=ut,J=U.campaign_type==="TTP"||U.campaign_type==="TLTP",it=!co(U.screen)||co(U.screen)===q,gt=!!(U.trigger_event??U.trigger),St=U.display_trigger!==!1&&!gt;return J&&it&&St});return H(e)??H(o)},[t,e,o,i]),h=(0,lt.useMemo)(()=>b?.details?.tooltips&&Array.isArray(b.details.tooltips)?[...b.details.tooltips].sort((q,H)=>(q.order??0)-(H.order??0)):b?.details?.target||b?.details?.titleText?[{...b.details,_id:b.id}]:[],[b]),y=h[r];(0,lt.useEffect)(()=>{},[b]);let k=(0,lt.useRef)(new Set);if((0,lt.useEffect)(()=>{if(!(!b||!y||!p||l||!n))try{let q=y._id||y.id||void 0,H=String(b.id||"")+"::"+String(q||"");k.current.has(H)||(k.current.add(H),V("viewed",b.id,{tooltip_id:q}))}catch{}},[b,y,p,l,n]),(0,lt.useEffect)(()=>{if(!y?.target||l)return;x(null);let q=(ut=!1)=>{let U=y.target;if(!U)return null;let J=document.getElementById(U)||document.querySelector(`[data-id="${U}"]`)||document.querySelector(`.${U}`);return J?(x(J.getBoundingClientRect()),ut&&J.scrollIntoView({behavior:"smooth",block:"center"}),J):null};q(!0)||(f.current=new MutationObserver(()=>{q(!0)&&f.current?.disconnect()}),f.current.observe(document.body,{childList:!0,subtree:!0}));let nt=()=>{let ut=q(!1);ut&&x(ut.getBoundingClientRect())};return window.addEventListener("resize",nt),window.addEventListener("scroll",nt,{passive:!0}),()=>{f.current?.disconnect(),window.removeEventListener("resize",nt),window.removeEventListener("scroll",nt)}},[y,l,r]),(0,lt.useLayoutEffect)(()=>{if(v.current&&p){let{width:q,height:H}=v.current.getBoundingClientRect();u({width:q,height:H})}},[y,p]),!b||!y||l||!n||!p)return null;let S=y.styling||{},z=S.appearance||{},B=z.colors||{},c=S.cta||{},R=c.container||{},s=c.cornerRadius||{},d=c.text||{},D=y.arrowPosition||"left",E=(z.arrowStyle||{width:6,height:12}).width||6,C=p.top+window.scrollY,T=p.left+window.scrollX,L=0,A=0,$=8;D==="left"?(L=T+p.width+$,A=C+p.height/2-m.height/2):D==="right"?(L=T-m.width-$,A=C+p.height/2-m.height/2):D==="top"?(A=C+p.height+$,L=T+p.width/2-m.width/2):D==="bottom"&&(A=C-m.height-$,L=T+p.width/2-m.width/2);let M=8,W=window.scrollY,j=window.scrollY+window.innerHeight,_=window.scrollX,G=window.scrollX+window.innerWidth;m.height>0&&(A=Math.max(W+M,Math.min(j-m.height-M,A))),m.width>0&&(L=Math.max(_+M,Math.min(G-m.width-M,L)));let pt=()=>{let q=y.clickAction||"nextStep",H=y.link||y.url;try{let nt=y._id||y.id||void 0;b?.id&&V("clicked",b.id,{tooltip_id:nt})}catch{}if(q==="close"){g(!0),H&&window.open(H,"_blank");return}r<h.length-1?a(nt=>nt+1):(g(!0),H&&window.open(H,"_blank"))},O=()=>{y.enableBackdrop&&g(!0)};return(0,Rt.jsxs)(Rt.Fragment,{children:[y.enableBackdrop&&(0,Rt.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:B.backdrop||"rgba(0, 0, 0, 0.7)",opacity:z.backdropOpacity?z.backdropOpacity/100:.7,zIndex:1e4},onClick:O}),(0,Rt.jsxs)("div",{ref:v,style:{position:"absolute",top:A,left:L,zIndex:10001,backgroundColor:B.tooltip||"#FE6B35",padding:`${z.padding?.top??8}px ${z.padding?.right??8}px ${z.padding?.bottom??8}px ${z.padding?.left??8}px`,borderRadius:`${z.cornerRadius?.topLeft??12}px ${z.cornerRadius?.topRight??12}px ${z.cornerRadius?.bottomRight??12}px ${z.cornerRadius?.bottomLeft??12}px`,boxShadow:"0 4px 12px rgba(0,0,0,0.15)",maxWidth:300,minWidth:200,transition:"top 0.2s ease, left 0.2s ease"},children:[(0,Rt.jsx)("div",{style:{position:"absolute",width:0,height:0,borderStyle:"solid",...D==="left"&&{left:-$,top:Math.max(12,Math.min(m.height-E*2-12,C+p.height/2-A-E)),borderWidth:`${E}px ${$}px ${E}px 0`,borderColor:`transparent ${B.tooltip||"#FE6B35"} transparent transparent`},...D==="right"&&{right:-$,top:Math.max(12,Math.min(m.height-E*2-12,C+p.height/2-A-E)),borderWidth:`${E}px 0 ${E}px ${$}px`,borderColor:`transparent transparent transparent ${B.tooltip||"#FE6B35"}`},...D==="top"&&{top:-$,left:Math.max(12,Math.min(m.width-E*2-12,T+p.width/2-L-E)),borderWidth:`0 ${E}px ${$}px ${E}px`,borderColor:`transparent transparent ${B.tooltip||"#FE6B35"} transparent`},...D==="bottom"&&{bottom:-$,left:Math.max(12,Math.min(m.width-E*2-12,T+p.width/2-L-E)),borderWidth:`${$}px ${E}px 0 ${E}px`,borderColor:`${B.tooltip||"#FE6B35"} transparent transparent transparent`}}}),y.titleText&&(0,Rt.jsx)("div",{style:{color:S.title?.color||"#ffffff",fontFamily:S.title?.fontFamily||"Arial",fontSize:S.title?.fontSize||14,textAlign:S.title?.textAlign||"center",marginBottom:S.title?.margin?.bottom??4,marginTop:S.title?.margin?.top??0,marginLeft:S.title?.margin?.left??0,marginRight:S.title?.margin?.right??0,fontWeight:S.title?.fontDecoration?.includes("bold")?"bold":600,fontStyle:S.title?.fontDecoration?.includes("italic")?"italic":"normal",textDecoration:S.title?.fontDecoration?.includes("underline")?"underline":"none"},children:y.titleText}),y.subtitleText&&(0,Rt.jsx)("div",{style:{color:S.subTitle?.color||"#ffffff",fontFamily:S.subTitle?.fontFamily||"Arial",fontSize:S.subTitle?.fontSize||12,textAlign:S.subTitle?.textAlign||"center",marginBottom:S.subTitle?.margin?.bottom??8,marginTop:S.subTitle?.margin?.top??0,marginLeft:S.subTitle?.margin?.left??0,marginRight:S.subTitle?.margin?.right??0,fontWeight:S.subTitle?.fontDecoration?.includes("bold")?"bold":"normal",fontStyle:S.subTitle?.fontDecoration?.includes("italic")?"italic":"normal",textDecoration:S.subTitle?.fontDecoration?.includes("underline")?"underline":"none"},children:y.subtitleText}),y.ctaText&&(0,Rt.jsx)("div",{style:{display:"flex",justifyContent:R.alignment==="right"?"flex-end":R.alignment==="left"?"flex-start":"center",marginTop:8},children:(0,Rt.jsx)("button",{onClick:pt,style:{width:R.ctaFullWidth?"100%":R.ctaWidth||"auto",height:R.height||35,background:R.backgroundColor||"#F7921C",color:d.color||"#ffffff",border:`${R.borderWidth||0}px solid ${R.borderColor||"transparent"}`,borderRadius:`${s.topLeft??7}px ${s.topRight??7}px ${s.bottomRight??7}px ${s.bottomLeft??7}px`,fontSize:d.fontSize||14,fontFamily:d.fontFamily||"Arial",fontWeight:d.fontDecoration?.includes("bold")?"bold":"normal",fontStyle:d.fontDecoration?.includes("italic")?"italic":"normal",textDecoration:d.fontDecoration?.includes("underline")?"underline":"none",cursor:"pointer",padding:"0 12px",display:"inline-flex",alignItems:"center",justifyContent:"center"},children:y.ctaText})})]})]})},Rn=Bi;var Fe=require("react");Z();var ct=require("react/jsx-runtime"),Tn=()=>{let t=st("BTS"),e=F(f=>f.campaigns),o=F(f=>f.allCampaigns),i=F(f=>f.currentScreen),n=t??(()=>{let f=(i||"").trim().toLowerCase(),b=[...e||[],...o||[]].find(h=>{if(!h||h.campaign_type!=="BTS")return!1;let y=!!(h.trigger_event??h.trigger);if(!(h.display_trigger!==!1&&!y))return!1;let S=(h.screen||"").trim().toLowerCase();return!S||S===f});if(b)try{return ht(b)}catch{return b}})(),r=F(f=>f.isVisible),[a,l]=(0,Fe.useState)(!1);(0,Fe.useEffect)(()=>{n&&(l(!1),V("viewed",n.id))},[n]);let g=f=>{try{let b=F.getState(),y=(b.trackedEvents||[]).filter(k=>k!==f);b.setTrackedEvents(y)}catch{}};if(!n||a||!r)return null;let{details:p}=n,m=[...p.elements||[]].sort((f,b)=>(f.order||0)-(b.order||0)),u=p.backdropOpacity??.5;u>1&&(u=u/100);let v=f=>{switch(f.type){case"image":{let b={width:"100%",display:"block",objectFit:"contain",backgroundColor:f.imageBackgroundColor||"transparent",paddingBottom:f.paddingBottom??0,paddingLeft:f.paddingLeft??0,paddingRight:f.paddingRight??0,paddingTop:f.paddingTop??0,cursor:f.imageLink?"pointer":"default"};return(0,ct.jsx)("div",{style:{textAlign:f.alignment||"left",width:"100%"},children:f.url&&(0,ct.jsx)("img",{src:f.url,alt:"",style:b,onClick:()=>{if(f.imageLink){n?.id&&V("clicked",n.id);try{let h=String(f.imageLink||"").trim();if(h&&!h.startsWith("http")&&bt(h))return}catch(h){console.warn("revealCampaignFromLink error",h)}try{window.open(f.imageLink,"_blank")}catch{}}}})},f.id)}case"cta":{let b=f.cta||{},h=b.container||{},y=b.cornerRadius||{},k=b.margin||{},S=b.text||{};return(0,ct.jsx)("div",{style:{display:"flex",justifyContent:h.alignment==="center"?"center":h.alignment==="right"?"flex-end":"flex-start",width:"100%",marginTop:k.top??0,marginBottom:k.bottom??0,marginLeft:k.left??0,marginRight:k.right??0},children:(0,ct.jsx)("button",{style:{width:h.ctaFullWidth?"100%":h.ctaWidth||"auto",height:h.height||45,backgroundColor:h.ctaBoxColor||h.backgroundColor||"#FE6B35",color:S.color||"#ffffff",border:`${h.borderWidth||0}px solid ${h.borderColor||"transparent"}`,borderRadius:`${y.topLeft??12}px ${y.topRight??12}px ${y.bottomRight??12}px ${y.bottomLeft??12}px`,fontSize:S.fontSize||14,fontFamily:S.fontFamily||"Arial",fontWeight:S.fontDecoration?.includes("bold")?"bold":"normal",fontStyle:S.fontDecoration?.includes("italic")?"italic":"normal",textDecoration:S.fontDecoration?.includes("underline")?"underline":"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",padding:"0 16px"},onClick:()=>{let z=f.ctaLink||f.url;if(z){n?.id&&V("clicked",n.id);try{let B=String(z||"").trim();if(B&&!B.startsWith("http")&&bt(B))return}catch(B){console.warn("revealCampaignFromLink error",B)}try{window.open(z,"_blank")}catch{}}},children:f.ctaText||"Button"})},f.id)}case"body":{let b=f.titleFontStyle||{},h=f.descriptionFontStyle||{};return(0,ct.jsxs)("div",{style:{width:"100%",backgroundColor:f.bodyBackgroundColor||"transparent",marginTop:f.marginTop??0,marginBottom:f.marginBottom??20,marginLeft:f.marginLeft??4,marginRight:f.marginRight??4},children:[f.titleText&&(0,ct.jsx)("div",{style:{color:b.colour||"#000000",fontSize:b.fontSize?`${b.fontSize}px`:f.titleFontSize?`${f.titleFontSize}px`:"16px",fontFamily:b.fontFamily||"inherit",textAlign:b.alignment||"left",lineHeight:f.titleLineHeight||1.2,fontWeight:b.decoration?.includes("bold")?"bold":"600",fontStyle:b.decoration?.includes("italic")?"italic":"normal",textDecoration:b.decoration?.includes("underline")?"underline":"none",marginBottom:f.spacingBetweenTitleDesc??4},children:f.titleText}),f.descriptionText&&(0,ct.jsx)("div",{style:{color:h.colour||"#000000",fontSize:h.fontSize?`${h.fontSize}px`:f.descriptionFontSize?`${f.descriptionFontSize}px`:"14px",fontFamily:h.fontFamily||"inherit",textAlign:h.alignment||"left",lineHeight:f.descriptionLineHeight||1.5,fontWeight:h.decoration?.includes("bold")?"bold":"normal",fontStyle:h.decoration?.includes("italic")?"italic":"normal",textDecoration:h.decoration?.includes("underline")?"underline":"none"},children:f.descriptionText})]},f.id)}default:return null}};return(0,ct.jsxs)(ct.Fragment,{children:[(0,ct.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:p.backdropColor||"rgba(0,0,0,0.5)",opacity:u,zIndex:999998,transition:"opacity 0.3s ease"},onClick:()=>{n?.id&&g(`viaAppStorys${n.id}`),l(!0)}}),(0,ct.jsxs)("div",{style:{position:"fixed",bottom:0,left:"50%",transform:"translateX(-50%)",width:"100%",maxWidth:"500px",backgroundColor:p.backgroundColor||"#FFFFFF",borderTopLeftRadius:`${p.cornerRadius?.topLeft??16}px`,borderTopRightRadius:`${p.cornerRadius?.topRight??16}px`,borderBottomLeftRadius:`${p.cornerRadius?.bottomLeft??0}px`,borderBottomRightRadius:`${p.cornerRadius?.bottomRight??0}px`,zIndex:999999,padding:"24px 16px",boxShadow:"0 -4px 16px rgba(0,0,0,0.15)",maxHeight:"85vh",overflowY:"auto",display:"flex",flexDirection:"column",alignItems:"center",transition:"transform 0.3s ease-out"},children:[(0,ct.jsx)("div",{style:{width:"40px",height:"5px",backgroundColor:"#E0E0E0",borderRadius:"2.5px",marginBottom:"16px",cursor:"pointer"},onClick:()=>l(!0)}),p.crossButton?.enabled&&(0,ct.jsx)($t,{config:p.crossButton,onPress:()=>{n?.id&&g(`viaAppStorys${n.id}`),l(!0)},style:{top:p.crossButton?.margin?.top??12,right:p.crossButton?.margin?.right??12}}),(0,ct.jsx)("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:"12px"},children:m.map(v)})]})]})};var It=require("react");Z();var Y=require("react/jsx-runtime"),zn=5,po=3;function Wt(t){if(t!=null)return`${t}px`}function ge(t){return{marginTop:Wt(t?.top),marginRight:Wt(t?.right),marginBottom:Wt(t?.bottom),marginLeft:Wt(t?.left)}}function fo(t){if(t&&!(t.startsWith("http://")||t.startsWith("https://")))return t}function ae(t){return t?{color:t.color,fontSize:t.fontSize,fontFamily:fo(t.fontFamily),textAlign:t.textAlign,fontWeight:t.fontDecoration?.includes("bold")?"bold":void 0,fontStyle:t.fontDecoration?.includes("italic")?"italic":void 0,textDecoration:t.fontDecoration?.includes("underline")?"underline":void 0}:{}}function uo(t){return`${t?.topLeft??8}px ${t?.topRight??8}px ${t?.bottomRight??8}px ${t?.bottomLeft??8}px`}function Ai(t){return t==="right"?"flex-end":t==="left"?"flex-start":"center"}function Pi(t){let e=t.styling?.rating?.ratingType;return e==="number"||e==="emoji"||e==="star"?e:"star"}function Ei(t){let e=t.styling?.rating?.emoji;if(Array.isArray(e))return e.filter(o=>typeof o=="string"&&o.trim().length>0);if(e&&typeof e=="object"){let o=Object.values(e).filter(i=>typeof i=="string"&&i.trim().length>0);if(o.length>0)return o}if(typeof e=="string"&&e.trim()){if(e.includes(",")){let o=e.split(",").map(i=>i.trim()).filter(Boolean);if(o.length>0)return o}return[e]}return["\u{1F620}","\u{1F615}","\u{1F610}","\u{1F642}","\u{1F60D}"]}function Li(t){return Array.from({length:5},(e,o)=>o+1)}function go(t){if(typeof t=="number"&&Number.isFinite(t)&&t>=0)return t;if(typeof t=="string"&&t.trim().length>0){let e=Number(t);if(Number.isFinite(e)&&e>=0)return e}}function Di(t){let e=t.styling?.rating||void 0,o=[e?.numberSpacing,e?.numberGap,e?.number_spacing,e?.number_gap,e?.spacingBetweenNumbers,e?.spaceBetweenNumbers,e?.numberOptionsSpacing];for(let n of o){let r=go(n);if(r!=null)return r}let i=e?.number;if(i&&typeof i=="object"){let n=i,r=[n.spacing,n.gap,n.optionsSpacing,n.numberSpacing,n.numberGap];for(let a of r){let l=go(a);if(l!=null)return l}}return 8}var Wi=({fill:t,stroke:e})=>(0,Y.jsx)("svg",{viewBox:"0 0 24 24",width:"22",height:"22","aria-hidden":!0,children:(0,Y.jsx)("path",{d:"M12 2.25l2.91 5.89 6.5.95-4.7 4.58 1.11 6.46L12 17.03 6.18 20.13l1.11-6.46-4.7-4.58 6.5-.95L12 2.25z",fill:t,stroke:e,strokeWidth:"1.4",strokeLinejoin:"round"})}),_i=({details:t,appearance:e,rating:o,selectedOptions:i,comments:n,isHighRating:r,feedbackOptions:a,onRate:l,onToggleOption:g,onCommentChange:p,onInlineSubmit:x,canSubmit:m})=>{let u=t.styling||{},v=u.feedbackPage||{},f=u.rating||{},b=u.initialFeedback||{},h=v.submitButton?.cta,y=Pi(t),k=y==="number"?Li(t):[],S=y==="emoji"?Ei(t):[],z=y==="number"?Di(t):8,B=r?f.star?.high:f.star?.low;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)("div",{style:ge(b.title?.margin),children:(0,Y.jsx)("div",{style:{...ae(b.title?.textStyle),color:b.title?.textStyle?.color||"#101828",fontSize:b.title?.textStyle?.fontSize||20,lineHeight:1.3},children:t.title||"How was your experience?"})}),(0,Y.jsx)("div",{style:ge(b.subtitle?.margin),children:(0,Y.jsx)("div",{style:{...ae(b.subtitle?.textStyle),color:b.subtitle?.textStyle?.color||"#4b5563",fontSize:b.subtitle?.textStyle?.fontSize||14,lineHeight:1.4},children:t.description_text||"Your feedback helps us improve your experience."})}),(0,Y.jsxs)("div",{style:{marginTop:8,display:"flex",justifyContent:"center",gap:y==="number"?z:8,flexWrap:"wrap"},children:[y==="star"&&Array.from({length:zn},(c,R)=>{let s=R+1,d=s<=o,D=d?B?.stylingContainer:f.star?.unselected?.stylingContainer,I=d?B?.stylingStar:f.star?.unselected?.stylingStar;return(0,Y.jsx)("button",{onClick:()=>l(s),style:{border:`${D?.borderWidth??1}px solid ${D?.border||"#d1d5db"}`,background:D?.background||"#ffffff",borderRadius:10,width:44,height:44,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",padding:0},"aria-label":`Rate ${s} out of ${zn}`,children:(0,Y.jsx)(Wi,{fill:I?.background||(d?"#f59e0b":"#e5e7eb"),stroke:I?.border||(d?"#d97706":"#9ca3af")})},s)}),y==="number"&&k.map((c,R)=>{let s=c===o;return(0,Y.jsx)("button",{onClick:()=>l(c),style:{border:`1px solid ${s?"#1d4ed8":"#d1d5db"}`,background:s?"#dbeafe":"#ffffff",color:s?"#1d4ed8":"#111827",borderRadius:8,minWidth:36,height:36,padding:"0 10px",display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",fontWeight:600},"aria-label":`Rate ${c}`,children:c},`${c}-${R}`)}),y==="emoji"&&S.map((c,R)=>{let s=R+1,d=s===o;return(0,Y.jsx)("button",{onClick:()=>l(s),style:{border:`1px solid ${d?"#1d4ed8":"#d1d5db"}`,background:d?"#dbeafe":"#ffffff",borderRadius:"999px",width:44,height:44,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",fontSize:22},"aria-label":`Emoji rating ${R+1}`,children:c},`${c}-${R}`)})]}),o>0&&(0,Y.jsx)("div",{style:{marginTop:6,textAlign:"center",color:"#374151",fontSize:14},children:r?t.highStarText||f.highRatingSubtitle:t.lowStarText||f.lowRatingSubtitle}),o>0&&o<=po&&(0,Y.jsxs)(Y.Fragment,{children:[a.length>0&&(0,Y.jsx)("div",{style:{...ge(v.options?.margin),display:"flex",flexDirection:"column",alignItems:"stretch",gap:v.options?.optionsSpacing??8,width:"100%"},children:a.map(c=>{let s=i.includes(c)?v.options?.selectedOptions:v.options?.nonSelectedOptions;return(0,Y.jsx)("button",{onClick:()=>g(c),style:{border:`${s?.borderWidth??1}px solid ${s?.colors?.border||"#d1d5db"}`,background:s?.colors?.background||"#f9fafb",color:s?.colors?.text||"#111827",width:"100%",height:v.options?.optionsHeight||38,borderRadius:uo(v.options?.cornerRadius),padding:"0 14px",cursor:"pointer",textAlign:"center",...ae(s?.textStyle)},children:c},c)})}),(0,Y.jsx)("textarea",{value:n,onChange:c=>p(c.target.value),placeholder:v.additionalComments?.placeholder||"Tell us what we can improve",style:{width:"100%",boxSizing:"border-box",minHeight:56,height:56,maxHeight:64,marginTop:8,resize:"none",overflowY:"auto",border:`${v.additionalComments?.borderWidth??1}px solid ${v.additionalComments?.colors?.border||"#d1d5db"}`,background:v.additionalComments?.colors?.background||"#ffffff",color:v.additionalComments?.colors?.text||"#111827",borderRadius:8,padding:"12px",...ae(v.additionalComments?.textStyle)}}),(0,Y.jsx)("div",{style:{position:"sticky",bottom:0,marginTop:8,paddingTop:6,paddingBottom:6,background:e?.backgroundColor||"#2f6ef5",display:"flex",justifyContent:"center"},children:(0,Y.jsx)("button",{onClick:()=>x(),disabled:!m,style:{width:Math.max(140,Math.min(go(h?.container?.ctaWidth)??180,220)),maxWidth:"100%",minHeight:30,height:Math.max(30,Math.min(Number(h?.container?.height)||34,34)),border:`${h?.container?.borderWidth??1}px solid ${h?.container?.borderColor||"#ff7a00"}`,background:h?.container?.backgroundColor||"#ff2bc2",color:h?.text?.color||"#ffffff",borderRadius:uo(h?.cornerRadius),fontFamily:fo(h?.text?.fontFamily),fontSize:Math.min(Number(h?.text?.fontSize)||14,14),fontWeight:h?.text?.fontDecoration?.includes("bold")?"bold":600,cursor:m?"pointer":"not-allowed",opacity:m?1:.65,padding:"0 12px"},children:v.submitButton?.text||"Submit"})})]})]})},$i=({details:t,isHighRating:e,onDone:o})=>{let i=t.styling||{},n=i.thankyouPage||{},r=i.rating||{},a=Ai(n.doneButton?.cta?.container?.alignment);return(0,Y.jsxs)(Y.Fragment,{children:[t.thankyouImage&&(0,Y.jsx)("div",{style:{display:"flex",justifyContent:"center",marginTop:6},children:(0,Y.jsx)("img",{src:t.thankyouImage,alt:"thank you",style:{width:n.imageStyle?.width||80,height:n.imageStyle?.height||80,objectFit:"cover",borderRadius:8}})}),(0,Y.jsx)("div",{style:{...ge(n.title?.margin),textAlign:"center"},children:(0,Y.jsx)("div",{style:{...ae(n.title?.textStyle),color:n.title?.textStyle?.color||"#111827",fontSize:n.title?.textStyle?.fontSize||20,fontWeight:n.title?.textStyle?.fontDecoration?.includes("bold")?"bold":600},children:t.thankyouText||(e?r.highRatingTitle:r.lowRatingTitle)||"Thank you for your feedback"})}),(0,Y.jsx)("div",{style:{...ge(n.subtitle?.margin),textAlign:"center"},children:(0,Y.jsx)("div",{style:{...ae(n.subtitle?.textStyle),color:n.subtitle?.textStyle?.color||"#4b5563",fontSize:n.subtitle?.textStyle?.fontSize||14},children:t.thankyouDescription||(e?r.highRatingSubtitle:r.lowRatingSubtitle)||"We appreciate your time."})}),(0,Y.jsx)("div",{style:{marginTop:n.doneButton?.cta?.margin?.top??14,marginBottom:n.doneButton?.cta?.margin?.bottom??0,marginLeft:n.doneButton?.cta?.margin?.left??0,marginRight:n.doneButton?.cta?.margin?.right??0,display:"flex",justifyContent:a},children:(0,Y.jsx)("button",{onClick:o,style:{width:n.doneButton?.cta?.container?.ctaFullWidth?"100%":n.doneButton?.cta?.container?.ctaWidth||"auto",height:n.doneButton?.cta?.container?.height||45,border:`${n.doneButton?.cta?.container?.borderWidth??0}px solid ${n.doneButton?.cta?.container?.borderColor||"transparent"}`,background:n.doneButton?.cta?.container?.backgroundColor||"#111827",color:n.doneButton?.cta?.text?.color||"#ffffff",borderRadius:uo(n.doneButton?.cta?.cornerRadius),fontFamily:fo(n.doneButton?.cta?.text?.fontFamily),fontSize:n.doneButton?.cta?.text?.fontSize||16,fontWeight:n.doneButton?.cta?.text?.fontDecoration?.includes("bold")?"bold":500,cursor:"pointer",padding:"0 16px"},children:n.doneButton?.text||(e?"Rate Now":"Done")})})]})},Mi=()=>{let t=st("CSAT"),e=F(C=>C.isVisible),o=F(C=>C.campaigns),i=F(C=>C.allCampaigns),n=F(C=>C.currentScreen),r=t??(()=>{let C=(n||"").trim().toLowerCase(),T=[...o||[],...i||[]].find(L=>{if(!L||L.campaign_type!=="CSAT")return!1;let A=!!(L.trigger_event??L.trigger);if(!(L.display_trigger!==!1&&!A))return!1;let M=(L.screen||"").trim().toLowerCase();return!M||M===C});if(T)try{return ht(T)}catch{return T}})(),[a,l]=(0,It.useState)(!1),[g,p]=(0,It.useState)(!1),[x,m]=(0,It.useState)(0),[u,v]=(0,It.useState)([]),[f,b]=(0,It.useState)(""),[h,y]=(0,It.useState)(!1);(0,It.useEffect)(()=>{if(!r)return;l(!1),p(!1),m(0),v([]),b(""),y(!1);let C=r.details?.styling?.appearance?.displayDelay??0,T=globalThis.setTimeout(()=>{p(!0),V("viewed",r.id)},Math.max(0,C)*1e3);return()=>globalThis.clearTimeout(T)},[r]);let k=(0,It.useMemo)(()=>{let C=r?.details?.feedback_option||{};return Object.keys(C).sort((T,L)=>T.localeCompare(L)).map(T=>C[T]).filter(Boolean)},[r]);if(!r||!e||a||!g)return null;let S=r.details,z=S.styling||{},B=z.appearance||{},c=x>po,R=Number(S.width??80),s=Math.max(660,Math.min(1080,R*10)),d=C=>{v(T=>T.includes(C)?T.filter(L=>L!==C):[...T,C])},D=async C=>{let T=C?.rating??x;if(T<1)return;y(!0);let L=S.id||r.id,A=(C?.options??u)[0]||"",$=C?.comments??f??"";V("csat captured",L,{starCount:T,selectedOption:A,additionalComments:$})},I=C=>{if(m(C),C>po){v([]),b("");let T=S.id||r?.id;setTimeout(()=>{y(!0);try{V("csat captured",T,{starCount:C,selectedOption:"",additionalComments:""})}catch(L){console.warn("Error sending csat captured",L)}},1e3)}},E=()=>{if(c&&S.link){let C=r&&r.id||void 0;try{C&&V("clicked",C)}catch{}try{let T=String(S.link||"").trim();if(T&&!T.startsWith("http")&&bt(T)){l(!0);return}}catch(T){console.warn("revealCampaignFromLink error",T)}try{globalThis.open(S.link,"_blank")}catch{}}l(!0)};return(0,Y.jsx)("div",{style:{position:"fixed",left:0,right:0,bottom:0,zIndex:999999,display:"flex",justifyContent:"center",alignItems:"flex-end",paddingLeft:"10px",paddingRight:"10px",paddingBottom:"10px",pointerEvents:"none"},children:(0,Y.jsxs)("div",{style:{position:"relative",width:`min(${s}px, 96vw)`,maxWidth:"96vw",minWidth:"320px",minHeight:"220px",maxHeight:"55vh",overflow:"hidden",backgroundColor:B.backgroundColor||"#2f6ef5",borderRadius:`${B.borderRadius??12}px`,boxSizing:"border-box",paddingTop:"8px",paddingRight:Wt(B.padding?.right)||"12px",paddingBottom:"4px",paddingLeft:Wt(B.padding?.left)||"12px",marginTop:Wt(B.margin?.top),marginRight:Wt(B.margin?.right),marginBottom:Wt(B.margin?.bottom),marginLeft:Wt(B.margin?.left),pointerEvents:"auto",boxShadow:"0 14px 36px rgba(0, 0, 0, 0.25)",display:"flex",flexDirection:"column"},children:[(0,Y.jsx)("style",{children:`
|
|
80
|
+
.appstorys-csat-scroll {
|
|
81
|
+
scrollbar-width: none; /* Firefox */
|
|
82
|
+
-ms-overflow-style: none; /* IE/Edge */
|
|
83
|
+
}
|
|
84
|
+
.appstorys-csat-scroll::-webkit-scrollbar {
|
|
85
|
+
width: 0;
|
|
86
|
+
height: 0;
|
|
87
|
+
display: none; /* Chrome/Safari */
|
|
88
|
+
}
|
|
89
|
+
`}),z.crossButton?.enabled&&(0,Y.jsx)($t,{config:z.crossButton,onPress:()=>l(!0),style:{top:z.crossButton?.margin?.top??10,right:z.crossButton?.margin?.right??10}}),(0,Y.jsx)("div",{className:"appstorys-csat-scroll",style:{flex:1,minHeight:0,overflowY:"auto",paddingBottom:4},children:h?(0,Y.jsx)($i,{details:S,isHighRating:c,onDone:E}):(0,Y.jsx)(_i,{details:S,rating:x,selectedOptions:u,comments:f,isHighRating:c,feedbackOptions:k,onRate:I,onToggleOption:d,onCommentChange:b,onInlineSubmit:D,canSubmit:x>=1,appearance:B})})]})})},Fn=Mi;var xt=require("react");Z();var Q=require("react/jsx-runtime");function Ie(t){if(t!=null)return`${t}px`}function mo(t){if(t&&!(t.startsWith("http://")||t.startsWith("https://")))return t}function le(t){return t?{color:t.color,fontSize:t.fontSize,fontFamily:mo(t.fontFamily),textAlign:t.textAlign,fontWeight:t.fontDecoration?.includes("bold")?"bold":void 0,fontStyle:t.fontDecoration?.includes("italic")?"italic":void 0,textDecoration:t.fontDecoration?.includes("underline")?"underline":void 0}:{}}function Be(t){return{marginTop:Ie(t?.top),marginRight:Ie(t?.right),marginBottom:Ie(t?.bottom),marginLeft:Ie(t?.left)}}function Ae(t){return`${t?.topLeft??12}px ${t?.topRight??12}px ${t?.bottomRight??t?.topRight??12}px ${t?.bottomLeft??t?.topLeft??12}px`}function An(t){return t==="right"?"flex-end":t==="left"?"flex-start":"center"}function fe(t){return Math.max(0,Math.min(1,t))}function Oi(t,e){let o=(t||"").trim().replace("#","");if(o.length===3){let i=Number.parseInt(o[0]+o[0],16),n=Number.parseInt(o[1]+o[1],16),r=Number.parseInt(o[2]+o[2],16);return`rgba(${i}, ${n}, ${r}, ${fe(e)})`}if(o.length===6){let i=Number.parseInt(o.slice(0,2),16),n=Number.parseInt(o.slice(2,4),16),r=Number.parseInt(o.slice(4,6),16);return`rgba(${i}, ${n}, ${r}, ${fe(e)})`}return`rgba(0, 0, 0, ${fe(e)})`}function ji(t){if(t==null)return .4;let e=Number(t);return Number.isFinite(e)?e>1?fe(e/100):fe(e):.4}function In(t){return[...t.slides||[]].sort((o,i)=>(o.order??0)-(i.order??0))}function Ni(t){let e=t?.options||{},o=Object.keys(e),i=n=>{let r=/(\d+)/.exec(n);if(!r)return;let a=Number(r[1]);return Number.isFinite(a)?a:void 0};return o.sort((n,r)=>{let a=i(n),l=i(r);return a!=null&&l!=null?a-l:a!=null?-1:l!=null?1:n.localeCompare(r)}),o.map(n=>e[n]).filter(n=>typeof n=="string"&&n.trim().length>0)}function qi(t,e){if(!t)return null;if(t==="alphabet"){let o="A".codePointAt(0)??65;return String.fromCodePoint(o+e%26)}return t==="number"?String(e+1):null}function Ui(t){if(typeof t=="number"&&Number.isFinite(t)&&t>=0)return t;if(typeof t=="string"&&t.trim().length>0){let e=Number(t);if(Number.isFinite(e)&&e>=0)return e}}function Bn(t){return Ui(t?.borderwidth)??1}var Hi=({details:t,slide:e,appearance:o,selectedOption:i,comment:n,onSelectOption:r,onCommentChange:a,onSubmit:l,canSubmit:g})=>{let p=t.styling||{},x=p.options||{},m=p.cta,u=(0,xt.useMemo)(()=>Ni(e),[e]),v=x.optionsSpacing??8,f=x.bulletSpacing??10,b=x.optionsHeight??44,h=An(m?.container?.alignment);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)("div",{style:Be(p.title?.textStyle?.margin),children:(0,Q.jsx)("div",{style:{...le(p.title?.textStyle),color:p.title?.textStyle?.color||"#111827",fontSize:p.title?.textStyle?.fontSize||20,lineHeight:1.3,fontWeight:p.title?.textStyle?.fontDecoration?.includes("bold")?"bold":700},children:e.title||e.question||t.name||"Survey"})}),(e.subtitle||p.subtitle?.textStyle)&&(0,Q.jsx)("div",{style:Be(p.subtitle?.textStyle?.margin),children:(0,Q.jsx)("div",{style:{...le(p.subtitle?.textStyle),color:p.subtitle?.textStyle?.color||"#6b7280",fontSize:p.subtitle?.textStyle?.fontSize||14,lineHeight:1.35},children:e.subtitle||""})}),u.length>0&&(0,Q.jsx)("div",{style:{marginTop:10,display:"flex",flexDirection:"column",gap:v},children:u.map((y,k)=>{let S=i===y,z=S?x.selectedOptions:x.nonSelectedOptions,B=Bn(z?.textStyle),c=qi(x.optionListStyle,k);return(0,Q.jsxs)("button",{onClick:()=>r(y),style:{width:"100%",boxSizing:"border-box",height:b,borderRadius:Ae(x.cornerRadius),border:`${B}px solid ${z?.colors?.border||"#e5e7eb"}`,background:z?.colors?.background||"#ffffff",color:z?.colors?.text||"#111827",cursor:"pointer",display:"flex",alignItems:"center",gap:f,paddingLeft:14,paddingRight:14,textAlign:"left",...le(z?.textStyle)},"aria-pressed":S,children:[(0,Q.jsx)("span",{"aria-hidden":!0,style:{width:16,height:16,borderRadius:4,display:"inline-flex",alignItems:"center",justifyContent:"center",border:`1.5px solid ${z?.colors?.border||"#111827"}`,background:"#ffffff",flex:"0 0 auto",fontSize:11,fontWeight:700,color:z?.colors?.text||"#111827"},children:S?"\u2713":c||""}),(0,Q.jsx)("span",{style:{flex:1,minWidth:0},children:y})]},`${y}-${k}`)})}),e.additionalComment?.enabled&&(0,Q.jsx)("textarea",{value:n,onChange:y=>a(y.target.value),placeholder:e.additionalComment?.placeholder||"",style:{marginTop:10,width:"100%",boxSizing:"border-box",minHeight:72,resize:"none",overflowY:"auto",border:`${Bn(x.additionalComments?.textStyle)}px solid ${x.additionalComments?.colors?.border||"#e5e7eb"}`,background:x.additionalComments?.colors?.background||"#ffffff",color:x.additionalComments?.colors?.text||"#111827",borderRadius:10,padding:"12px",...le(x.additionalComments?.textStyle)}}),(0,Q.jsx)("div",{style:{position:"sticky",bottom:0,marginTop:12,paddingTop:10,paddingBottom:6,background:o?.backgroundColor||"#ffffff"},children:(0,Q.jsx)("div",{style:{marginTop:m?.margin?.top??0,marginBottom:m?.margin?.bottom??0,marginLeft:m?.margin?.left??0,marginRight:m?.margin?.right??0,display:"flex",justifyContent:h},children:(0,Q.jsx)("button",{onClick:l,disabled:!g,style:{width:m?.container?.ctaFullWidth?"100%":m?.container?.ctaWidth??"100%",height:m?.container?.height??44,border:`${m?.container?.borderWidth??0}px solid ${m?.container?.borderColor||"transparent"}`,background:m?.container?.backgroundColor||"#111827",color:m?.text?.color||"#ffffff",borderRadius:Ae(m?.cornerRadius),fontFamily:mo(m?.text?.fontFamily),fontSize:m?.text?.fontSize||14,fontWeight:m?.text?.fontDecoration?.includes("bold")?"bold":600,cursor:g?"pointer":"not-allowed",opacity:g?1:.6,padding:"0 16px"},children:e.submitButtonText||"Submit"})})})]})},Vi=({details:t,onDone:e})=>{let i=(t.styling||{}).thankyouPage||{},n=i.cta,r=An(n?.container?.alignment);return(0,Q.jsxs)(Q.Fragment,{children:[t.thankYouImage&&(0,Q.jsx)("div",{style:{display:"flex",justifyContent:"center",marginTop:8},children:(0,Q.jsx)("img",{src:t.thankYouImage,alt:"thank you",style:{width:i.imageStyle?.width||80,height:i.imageStyle?.height||80,objectFit:"cover",borderRadius:10}})}),(0,Q.jsx)("div",{style:{...Be(i.title?.textStyle?.margin)},children:(0,Q.jsx)("div",{style:{...le(i.title?.textStyle),color:i.title?.textStyle?.color||"#111827",fontSize:i.title?.textStyle?.fontSize||20,lineHeight:1.3,fontWeight:i.title?.textStyle?.fontDecoration?.includes("bold")?"bold":700},children:t.thankYouTitle||"Thank you"})}),(0,Q.jsx)("div",{style:{...Be(i.subtitle?.textStyle?.margin)},children:(0,Q.jsx)("div",{style:{...le(i.subtitle?.textStyle),color:i.subtitle?.textStyle?.color||"#6b7280",fontSize:i.subtitle?.textStyle?.fontSize||14,lineHeight:1.35},children:t.thankYouText||""})}),(t.thankYouButtonText||n)&&(0,Q.jsx)("div",{style:{marginTop:n?.margin?.top??14,marginBottom:n?.margin?.bottom??0,marginLeft:n?.margin?.left??0,marginRight:n?.margin?.right??0,display:"flex",justifyContent:r},children:(0,Q.jsx)("button",{onClick:e,style:{width:n?.container?.ctaFullWidth?"100%":n?.container?.ctaWidth??"auto",height:n?.container?.height??40,border:`${n?.container?.borderWidth??0}px solid ${n?.container?.borderColor||"transparent"}`,background:n?.container?.backgroundColor||"#111827",color:n?.text?.color||"#ffffff",borderRadius:Ae(n?.cornerRadius),fontFamily:mo(n?.text?.fontFamily),fontSize:n?.text?.fontSize||14,fontWeight:n?.text?.fontDecoration?.includes("bold")?"bold":600,cursor:"pointer",padding:"0 16px"},children:t.thankYouButtonText||"Done"})})]})},Yi=()=>{let t=st("SUR"),e=F(A=>A.isVisible),o=F(A=>A.campaigns),i=F(A=>A.allCampaigns),n=F(A=>A.currentScreen),r=t??(()=>{let A=(n||"").trim().toLowerCase(),$=[...o||[],...i||[]].find(M=>{if(!M||M.campaign_type!=="SUR")return!1;let W=!!(M.trigger_event??M.trigger);if(!(M.display_trigger!==!1&&!W))return!1;let _=(M.screen||"").trim().toLowerCase();return!_||_===A});if($)try{return ht($)}catch{return $}})(),[a,l]=(0,xt.useState)(!1),[g,p]=(0,xt.useState)(!1),[x,m]=(0,xt.useState)(0),[u,v]=(0,xt.useState)(null),[f,b]=(0,xt.useState)(""),[h,y]=(0,xt.useState)({}),[k,S]=(0,xt.useState)(!1);(0,xt.useEffect)(()=>{if(!r)return;l(!1),p(!1),m(0),v(null),b(""),y({}),S(!1);let A=r.details?.styling?.appearance?.displayDelay??0,$=globalThis.setTimeout(()=>{p(!0);let M=r.details?.id,W=In(r.details),j=W.length>0?W[0].id:void 0;V("viewed",r.id,{survey_id:M,slide_id:j})},Math.max(0,A)*1e3);return()=>globalThis.clearTimeout($)},[r]);let z=(0,xt.useMemo)(()=>r?In(r.details):[],[r]),B=z[x];if((0,xt.useEffect)(()=>{if(!B)return;let A=h[B.id];v(A?.option??null),b(A?.comment??"")},[B?.id]),!r||!e||a||!g)return null;let c=r.details,R=c.styling||{},s=R.appearance||{},d=s.backdropColor||"#000000",D=ji(s.backdropOpacity),I=A=>{v($=>$===A?null:A)},E=async(A,$)=>{let M=z.map(O=>({slide_id:O.id,order:O.order,title:O.title,question:O.question,selected_options:A[O.id]?.option,comment:A[O.id]?.comment})),W=r.id,j=[];for(let O of z){let q=A[O.id]?.option;if(!q)continue;let H=Object.entries(O.options||{}).find(([,nt])=>String(nt)===String(q));H&&j.push(H[0])}let _=M.map(O=>O.comment).filter(Boolean).join(" || ")||"",G=c.id||W;V("survey captured",G,{survey_id:c.id,slide_id:$,selected_options:j,otherText:_}),R.content?.isThankyouPage!==!1?S(!0):l(!0)},C=async()=>{if(!B||!u)return;let A={...h,[B.id]:{option:u,comment:f}};y(A);try{let j=r.id,_=null;if(u&&B&&B.options){let pt=Object.entries(B.options).find(([,O])=>String(O)===String(u));pt&&(_=pt[0])}let G=c.id||j;V("survey captured",G,{survey_id:c.id,slide_id:B.id,selected_options:_?[_]:[],otherText:f||""})}catch(j){console.warn("Error sending per-slide survey captured",j)}if((B.logic||[]).find(j=>(j.selectOption||[]).includes(u))?.redirectTo==="thank-you"){await E(A,B.id);return}if(x>=z.length-1){await E(A,B.id);return}m(j=>Math.min(j+1,z.length-1))},T=()=>{let A=c.thankYouButtonConfig;if(A?.enabled&&A.redirectUrl){try{let $=String(A.redirectUrl||"").trim();if($&&!$.startsWith("http")&&bt($)){l(!0);return}}catch($){console.warn("revealCampaignFromLink error",$)}try{globalThis.open(A.redirectUrl,"_blank")}catch{}}l(!0)},L=async()=>{try{let A=r?.id,$=c?.id,M=B?.id;await V("SurveyDismissed",A,{survey_id:$,slide_id:M})}catch(A){console.warn("Error sending SurveyDismissed",A)}finally{l(!0)}};return B?(0,Q.jsxs)("div",{style:{position:"fixed",inset:0,zIndex:999999,display:"flex",justifyContent:"flex-end",alignItems:"flex-end",padding:12,pointerEvents:"none"},children:[(0,Q.jsx)("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:Oi(d,D)}}),(0,Q.jsxs)("div",{style:{position:"relative",width:"min(420px, 92vw)",maxWidth:"92vw",minWidth:"320px",maxHeight:"80vh",overflow:"hidden",backgroundColor:s.backgroundColor||"#ffffff",borderRadius:Ae(s.cornerRadius),boxSizing:"border-box",paddingTop:14,paddingRight:16,paddingBottom:10,paddingLeft:16,pointerEvents:"auto",boxShadow:"0 14px 36px rgba(0, 0, 0, 0.25)",display:"flex",flexDirection:"column"},children:[(0,Q.jsx)("style",{children:`
|
|
90
|
+
.appstorys-survey-scroll {
|
|
91
|
+
scrollbar-width: none; /* Firefox */
|
|
92
|
+
-ms-overflow-style: none; /* IE/Edge */
|
|
93
|
+
}
|
|
94
|
+
.appstorys-survey-scroll::-webkit-scrollbar {
|
|
95
|
+
width: 0;
|
|
96
|
+
height: 0;
|
|
97
|
+
display: none; /* Chrome/Safari */
|
|
98
|
+
}
|
|
99
|
+
`}),R.crossButton?.enabled&&(0,Q.jsx)($t,{config:R.crossButton,onPress:L,style:{top:R.crossButton?.margin?.top??10,right:R.crossButton?.margin?.right??10}}),(0,Q.jsx)("div",{className:"appstorys-survey-scroll",style:{flex:1,minHeight:0,overflowY:"auto",paddingRight:2},children:k?(0,Q.jsx)(Vi,{details:c,onDone:T}):(0,Q.jsx)(Hi,{details:c,slide:B,appearance:s,selectedOption:u,comment:f,onSelectOption:I,onCommentChange:b,onSubmit:C,canSubmit:u!=null})})]})]}):null},Pn=Yi;var yo=class{state="uninitialized";navigateToScreen;async initialize(e){let{appId:o,accountId:i,userId:n}=e;if(this.navigateToScreen=e.navigateToScreen,this.state!=="initializing"){if(this.state==="initialized"){let r=F.getState();if(r.appId===o&&r.accountId===i&&r.userId===n)return}this.state="initializing";try{let r,a;if(!n||n.trim()==="")r=await Mo(),a=!0;else{let m=await to();m&&m!==n&&console.log("AppStorys: Found previous anonymous user, will reconcile after verification."),r=n,a=!1}if(!await Ot(i,o,r)){this.state="error";return}if(!a){let m=await to();m&&m!==r&&(await Je(m,r),await Oo())}try{let m=await ot(),u=e.baseUrl||"https://users.appstorys.co";fetch(`${u}/v2/${i}/track-user-res`,{method:"POST",headers:{"Content-Type":"application/json",...m?{Authorization:`Bearer ${m}`}:{}},body:JSON.stringify({user_id:r,screenName:typeof window<"u"&&window.location&&window.location.pathname?window.location.pathname:"",silentUpdate:!0})}).then(async v=>{if(v.ok)try{let f=await v.json(),b=F.getState();if(typeof f.screen_capture_enabled<"u"){let h=!!f.screen_capture_enabled;console.info("AppStorys: track-user-res returned screen_capture_enabled=",h),b.setScreenCaptureEnabled(h)}}catch{}}).catch(v=>console.warn("track-user-res (init) failed",v))}catch(m){console.warn("track-user-res (init) setup failed",m)}let{campaigns:g,version:p}=await Ge(i),x=F.getState();x.setAppId(o),x.setAccountId(i),x.setUserId(r),x.setIsAnonymousUser(a),x.setBaseUrl(e.baseUrl),x.setTrackingUrl(e.trackingUrl),x.saveAllCampaigns(g),x.setCampaignVersion(p);try{F.getState().screenCaptureEnabled&&(await Promise.resolve().then(()=>(Mn(),$n))).mountScreenCaptureButton()}catch(m){console.warn("Failed to mount screen capture button",m)}_o.setup(),Ze.setup(),this.state="initialized"}catch(r){this.state="error",console.error("AppStorys initialization failed:",r)}}}async trackScreen(e){return await this.ensureInitialized(),He(e)}async trackEvent(e,o,i){return await this.ensureInitialized(),V(e,o,i)}async setUserProperties(e){return await this.ensureInitialized(),Ve(e)}handleLink(e){if(e){if(typeof e=="string"){try{if(!e.startsWith("http")&&bt(e))return}catch(o){console.warn("revealCampaignFromLink error",o)}e.startsWith("http")?window.open(e,"_blank"):this.navigateToScreen?.(e)}else if(typeof e=="object"&&e.value){try{if(bt(e.value))return}catch{}this.navigateToScreen?.(e.value)}}}get visibility(){return F.getState().isVisible}set visibility(e){Ze.updateVisibility(e)}async ensureInitialized(){if(this.state==="initialized")return;let e=Date.now();for(;this.state!=="initialized";){if(this.state==="error")throw new Error("AppStorys SDK error");if(Date.now()-e>1e4)throw new Error("AppStorys SDK initialization timeout");await new Promise(o=>setTimeout(o,100))}}personalizeText(e){return de(e)}},Xi=new yo;0&&(module.exports={AppStorys,Banner,BottomSheet,Csat,Floater,Pip,SdkState,Story,Survey,Tooltip,Widget,personalizeText});
|
|
100
|
+
//# sourceMappingURL=index.js.map
|