1"use strict";(self.webpackChunkpiquoraweb_frontend=self.webpackChunkpiquoraweb_frontend||[]).push([[3560],{73560(e,n,t){t.r(n),t.d(n,{default:()=>An});var r,i,o,a,s,l,d,c,p,u,g,v,m,x,b,f,h,y,w,A,q,k,S,P,j,C,L,I,$,M,z,E,N,U,R,O,F,T,D,B,W,V,H,X,_,Y,J,G,Z,K=t(89379),Q=t(57528),ee=t(88094),ne=t(68826),te=t(20887),re=t(40974),ie=t(14810),oe=t(50221),ae=t(61238),se=t(54337),le=t(45243),de=t(55214),ce=t(73866),pe=t(19434),ue=t(33944),ge=t(41795),ve=t(85589),me=t(94414),xe=t(66365),be=t(15678);const fe=e=>{const n=String((null===e||void 0===e?void 0:e.name)||(null===e||void 0===e?void 0:e.originalname)||""),t=n.lastIndexOf(".");return-1===t?"":n.slice(t+1).toLowerCase()},he=("".concat("","/assets/video-placeholder.png"),e=>{const n=Number(e);return Number.isFinite(n)?Math.max(0,Math.min(100,Math.round(n))):0}),ye=e=>{const[n,t]=(0,ee.useState)(()=>"undefined"!==typeof window&&window.matchMedia(e).matches);return(0,ee.useEffect)(()=>{if("undefined"===typeof window)return;const n=window.matchMedia(e),r=e=>t(e.matches);return n.addEventListener?n.addEventListener("change",r):n.addListener(r),t(n.matches),()=>{n.removeEventListener?n.removeEventListener("change",r):n.removeListener(r)}},[e]),n},we=pe.Ay.div(r||(r=(0,Q.A)(["\n width: 100%;\n height: ",";\n min-height: ",";\n display: flex;\n flex-direction: column;\n overflow: ",";\n"])),e=>e.$embeddedInPage?"auto":"100dvh",e=>e.$embeddedInPage?"0":"100dvh",e=>e.$embeddedInPage?"visible":"hidden"),Ae=pe.Ay.form(i||(i=(0,Q.A)(["\n flex: ",";\n min-height: ",";\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-top: ",";\n"])),e=>e.$embeddedInPage?"0 1 auto":"1 1 auto",e=>e.$embeddedInPage?"auto":"0",e=>e.$embeddedInSheet?"0":"16px"),qe=pe.Ay.div(o||(o=(0,Q.A)(["\n flex: ",";\n min-height: ",";\n overflow-y: ",";\n overscroll-behavior: ",";\n overscroll-behavior-y: ",";\n -webkit-overflow-scrolling: touch;\n touch-action: pan-y;\n scroll-padding-bottom: ",";\n padding-bottom: ",";\n"])),e=>e.$embeddedInPage?"0 1 auto":"1 1 auto",e=>e.$embeddedInPage?"auto":"0",e=>e.$embeddedInPage?"visible":"auto",e=>e.$embeddedInPage?"auto":"contain",e=>e.$embeddedInPage?"auto":"contain",e=>e.$embeddedInPage?"calc(var(--piq-bottom-nav-offset, 0px) + 16px)":"calc(96px + var(--piq-app-bottom-inset, env(safe-area-inset-bottom, 0px)))",e=>e.$embeddedInPage?"calc(var(--piq-bottom-nav-offset, 0px) + 16px)":"calc(96px + var(--piq-app-bottom-inset, env(safe-area-inset-bottom, 0px)))"),ke=pe.Ay.div(a||(a=(0,Q.A)(["\n position: ",";\n bottom: ",";\n z-index: 30;\n margin-top: ",";\n padding: ",";\n background: linear-gradient(\n 180deg,\n color-mix(in srgb, var(--piq-surface) 48%, transparent) 0%,\n color-mix(in srgb, var(--piq-surface) 92%, transparent) 28%,\n color-mix(in srgb, var(--piq-surface-2) 98%, var(--piq-surface-2)) 100%\n );\n border-top: 1px solid color-mix(in srgb, var(--piq-brand-a) 10%, var(--piq-border));\n backdrop-filter: blur(14px) saturate(1.04);\n -webkit-backdrop-filter: blur(14px) saturate(1.04);\n"])),e=>e.$embeddedInSheet?"static":"sticky",e=>e.$embeddedInSheet?"auto":"0",e=>e.$embeddedInSheet?"12px":"auto",e=>e.$embeddedInSheet?"12px":"12px 16px calc(12px + env(safe-area-inset-bottom))"),Se=pe.Ay.div(s||(s=(0,Q.A)(["\n margin-top: 10px;\n text-align: center;\n color: var(--piq-muted);\n font-size: 13px;\n"]))),Pe=pe.Ay.div(l||(l=(0,Q.A)(["\n position: relative;\n border: ",";\n border-radius: ",";\n padding: ",";\n margin-bottom: ",";\n background: ",";\n color: var(--piq-text);\n box-shadow: inset 0 1px 0 color-mix(in srgb, var(--piq-on-brand) 14%, transparent), 0 8px 18px color-mix(in srgb, var(--piq-brand-a) 10%, transparent);\n transition: border-color 220ms ease, box-shadow 220ms ease, transform 180ms ease, background 220ms ease, opacity 220ms ease;\n\n @media (max-width: 600px) {\n padding: ",";\n border-radius: ",';\n }\n\n &::after {\n content: "";\n position: absolute;\n inset: 8px;\n border-radius: 12px;\n border: 1px dashed color-mix(in srgb, var(--piq-brand-b) 45%, transparent);\n opacity: ',";\n pointer-events: none;\n animation: ",";\n }\n\n @keyframes piq-story-dash-flow {\n 0% {\n transform: translateX(0px);\n }\n 50% {\n transform: translateX(1.5px);\n }\n 100% {\n transform: translateX(0px);\n }\n }\n"])),e=>e.$active?"2px dashed color-mix(in srgb, var(--piq-brand-b) 70%, var(--piq-on-brand))":"2px dashed color-mix(in srgb, var(--piq-brand-b) 28%, var(--piq-border))",e=>e.$embeddedInSheet?"18px":"16px",e=>e.$embeddedInSheet?"14px":"16px",e=>e.$embeddedInSheet?"0":"16px",e=>e.$active?"linear-gradient(180deg, color-mix(in srgb, var(--piq-brand-b) 12%, var(--piq-surface)), color-mix(in srgb, var(--piq-brand-a) 8%, var(--piq-surface)))":"linear-gradient(180deg, color-mix(in srgb, var(--piq-surface-2) 38%, var(--piq-surface)), var(--piq-surface))",e=>e.$embeddedInSheet?"10px":"16px",e=>(e.$embeddedInSheet,"16px"),e=>e.$active?.95:0,e=>e.$active?"piq-story-dash-flow 1.15s linear infinite":"none"),je=pe.Ay.div(d||
1(d=(0,Q.A)(["\n color: var(--piq-muted);\n font-size: 14px;\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-wrap: wrap;\n\n @media (max-width: 600px) {\n margin-bottom: 12px;\n gap: 8px;\n }\n"]))),Ce=pe.Ay.div(c||(c=(0,Q.A)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px;\n border: 1px solid color-mix(in srgb, var(--piq-brand-b) 24%, var(--piq-border));\n border-radius: 12px;\n background: linear-gradient(\n 180deg,\n color-mix(in srgb, var(--piq-brand-b) 10%, var(--piq-surface)),\n color-mix(in srgb, var(--piq-brand-a) 6%, var(--piq-surface))\n );\n margin-bottom: 12px;\n\n @media (max-width: 600px) {\n flex-direction: column;\n align-items: stretch;\n gap: 8px;\n }\n"]))),Le=pe.Ay.div(p||(p=(0,Q.A)(["\n color: var(--piq-text);\n font-size: 12px;\n font-weight: 700;\n line-height: 1.35;\n"]))),Ie=pe.Ay.button(u||(u=(0,Q.A)(["\n min-height: 42px;\n border: 1px solid color-mix(in srgb, var(--piq-brand-b) 52%, var(--piq-border));\n background: color-mix(in srgb, var(--piq-brand-b) 20%, var(--piq-surface));\n color: var(--piq-brand-a);\n border-radius: 10px;\n padding: 8px 12px;\n font-size: 13px;\n font-weight: 900;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 7px;\n cursor: pointer;\n\n &:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n }\n\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),$e=pe.Ay.div(g||(g=(0,Q.A)(["\n width: 100%;\n border-radius: 12px;\n border: 2px solid color-mix(in srgb, var(--piq-brand-b) 35%, transparent);\n background: linear-gradient(180deg, var(--piq-surface-2), var(--piq-surface));\n height: 180px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n box-shadow: ",";\n transition: border-color 220ms ease, box-shadow 240ms ease, background 240ms ease, opacity 220ms ease;\n\n @media (max-width: 900px) {\n height: 170px;\n }\n\n @media (max-width: 600px) {\n height: 52vw;\n max-height: 240px;\n min-height: 160px;\n }\n\n @media (min-width: 901px) {\n .slot-preview-launch {\n opacity: 0;\n pointer-events: none;\n }\n\n &:hover .slot-preview-launch,\n &:focus-within .slot-preview-launch {\n opacity: 1;\n pointer-events: auto;\n }\n }\n\n @media (max-width: 900px) {\n .slot-preview-launch {\n opacity: 1;\n pointer-events: auto;\n }\n }\n"])),e=>e.$hasMedia?"inset 0 1px 0 color-mix(in srgb, var(--piq-on-brand) 12%, transparent), 0 8px 20px color-mix(in srgb, var(--piq-brand-a) 10%, transparent)":"inset 0 1px 0 color-mix(in srgb, var(--piq-on-brand) 9%, transparent)"),Me=pe.Ay.img(v||(v=(0,Q.A)(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n cursor: pointer;\n animation: piq-story-media-in 220ms ease both;\n\n @keyframes piq-story-media-in {\n from {\n opacity: 0;\n transform: scale(0.995);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n"]))),ze=pe.Ay.div(m||(m=(0,Q.A)(["\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 14px;\n background: radial-gradient(\n circle at 50% 30%,\n color-mix(in srgb, var(--piq-brand-b) 22%, transparent),\n color-mix(in srgb, var(--piq-overlay-bg, var(--piq-blur-overlay)) 38%, transparent)\n );\n"]))),Ee=pe.Ay.button(x||(x=(0,Q.A)(["\n position: absolute;\n left: 50%;\n bottom: 12px;\n transform: translateX(-50%);\n z-index: 120;\n min-height: 38px;\n padding: 8px 14px;\n border-radius: 999px;\n border: 1px solid color-mix(in srgb, var(--piq-on-blur-overlay) 28%, transparent);\n background: color-mix(in srgb, var(--piq-overlay-bg, var(--piq-blur-overlay)) 56%, transparent);\n color: var(--piq-on-blur-overlay);\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 0.02em;\n cursor: pointer;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n box-shadow: 0 8px 18px color-mix(in srgb, var(--piq-overlay-bg, var(--piq-blur-overlay)) 30%, transparent);\n transition: transform 140ms ease, background 160ms ease, border-color 160ms ease;\n opacity: 1;\n\n &:hover {\n background: color-mix(in srgb, var(--piq-overlay-bg, var(--piq-blur-overlay)) 62%, transparent);\n border-color: color-mix(in srgb, var(--piq-on-blur-overlay) 36%, transparent);\n transform: translateX(-50%) translateY(-1px);\n }\n\n &:active {\n transform: translateX(-50%) scale(0.98);\n }\n\n @media (max-width: 900px) {\n min-height: 42px;\n padding: 9px 16px;\n font-size: 12px;\n bottom: 10px;\n }\n\n @media (max-width: 600px) {\n min-height: 44px;\n padding: 10px 16px;\n font-size: 12px;\n bottom: 10px;\n }\n"]))),Ne=pe.Ay.div(b||(b=(0,Q.A)(["\n text-align: center;
1\n color: var(--piq-text);\n font-weight: 800;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"]))),Ue=pe.Ay.div(f||(f=(0,Q.A)(["\n position: absolute;\n inset: 0;\n z-index: 4;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n background: linear-gradient(\n 180deg,\n color-mix(in srgb, var(--piq-overlay-bg, var(--piq-blur-overlay)) 42%, transparent),\n color-mix(in srgb, var(--piq-overlay-bg, var(--piq-blur-overlay)) 62%, transparent)\n );\n"]))),Re=pe.Ay.div(h||(h=(0,Q.A)(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n padding: 8px 12px;\n border-radius: 999px;\n border: 1px solid color-mix(in srgb, var(--piq-on-blur-overlay) 26%, transparent);\n background: color-mix(in srgb, var(--piq-overlay-bg, var(--piq-blur-overlay)) 66%, transparent);\n color: var(--piq-on-blur-overlay);\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 0.02em;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n"]))),Oe=pe.Ay.div(y||(y=(0,Q.A)(["\n font-weight: 600;\n color: var(--piq-muted);\n font-size: 13px;\n"]))),Fe=pe.Ay.div(w||(w=(0,Q.A)(["\n color: var(--piq-text);\n font-size: 14px;\n font-weight: 900;\n letter-spacing: 0.01em;\n"]))),Te=pe.Ay.div(A||(A=(0,Q.A)(["\n color: color-mix(in srgb, var(--piq-muted) 86%, transparent);\n font-size: 12px;\n font-weight: 600;\n"]))),De=pe.Ay.div(q||(q=(0,Q.A)(["\n margin: 0 0 16px;\n"]))),Be=pe.Ay.div(k||(k=(0,Q.A)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n"]))),We=pe.Ay.div(S||(S=(0,Q.A)(["\n color: var(--piq-muted);\n font-size: 12px;\n font-weight: 700;\n"]))),Ve=pe.Ay.div(P||(P=(0,Q.A)(["\n color: var(--piq-text);\n font-size: 13px;\n font-weight: 900;\n"]))),He=pe.Ay.div(j||(j=(0,Q.A)(["\n width: 100%;\n height: 6px;\n border-radius: 999px;\n background: color-mix(in srgb, var(--piq-border) 76%, transparent);\n overflow: hidden;\n"]))),Xe=pe.Ay.div(C||(C=(0,Q.A)(["\n width: ",";\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(90deg, var(--piq-brand-b), var(--piq-brand-a));\n transition: width 320ms cubic-bezier(0.22, 0.8, 0.2, 1);\n"])),e=>"".concat(e.$pct||0,"%")),_e=pe.Ay.label(L||(L=(0,Q.A)(["\n display: block;\n margin: 12px 0 6px;\n color: var(--piq-muted);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 0.03em;\n text-transform: uppercase;\n"]))),Ye=pe.Ay.input(I||(I=(0,Q.A)(["\n width: 100%;\n margin-top: 0;\n margin-bottom: 8px;\n font-size: 13px;\n border-radius: 12px;\n border: 1px solid var(--piq-border);\n padding: 11px 12px;\n outline: none;\n background: color-mix(in srgb, var(--piq-surface-2) 80%, var(--piq-surface));\n color: var(--piq-text);\n transition: border-color 200ms ease, box-shadow 220ms ease, background 220ms ease, transform 160ms ease;\n\n &::placeholder {\n color: color-mix(in srgb, var(--piq-placeholder) 88%, var(--piq-muted));\n letter-spacing: 0.01em;\n }\n\n &:focus {\n border-color: color-mix(in srgb, var(--piq-brand-b) 85%, var(--piq-brand-a));\n background: var(--piq-surface);\n box-shadow: 0 0 0 3px color-mix(in srgb, var(--piq-brand-b) 14%, transparent), 0 6px 16px color-mix(in srgb, var(--piq-brand-a) 12%, transparent);\n transform: translateY(-0.5px);\n }\n"]))),Je=pe.Ay.textarea($||($=(0,Q.A)(["\n width: 100%;\n margin-top: 0;\n font-size: 13px;\n border-radius: 12px;\n border: 1px solid var(--piq-border);\n padding: 11px 12px;\n min-height: 72px;\n outline: none;\n resize: vertical;\n background: color-mix(in srgb, var(--piq-surface-2) 80%, var(--piq-surface));\n color: var(--piq-text);\n transition: border-color 200ms ease, box-shadow 220ms ease, background 220ms ease, transform 160ms ease;\n\n &::placeholder {\n color: color-mix(in srgb, var(--piq-placeholder) 88%, var(--piq-muted));\n letter-spacing: 0.01em;\n }\n\n &:focus {\n border-color: color-mix(in srgb, var(--piq-brand-b) 85%, var(--piq-brand-a));\n background: var(--piq-surface);\n box-shadow: 0 0 0 3px color-mix(in srgb, var(--piq-brand-b) 14%, transparent), 0 6px 16px color-mix(in srgb, var(--piq-brand-a) 12%, transparent);\n transform: translateY(-0.5px);\n }\n"]))),Ge=pe.Ay.button(M||(M=(0,Q.A)(["\n background: ",";\n border: ",";\n cursor: pointer;\n padding: ",";\n min-height: 44px;\n border-radius: 10px;\n margin: 0;\n color: var(--piq-brand-a);\n opacity: ",";\n pointer-events: ",";\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-weight: 800;\n font-size: 13px;\n white-space: nowrap;\n\n &:hover {\n color: ",";\n border-color: ",";\n background: ",';\n }\n\n &[data-main-action="true"] {\n flex: 1 1 auto;\n min-width: 0;\n justify-content: center;\n }\n\n &[data-icon-only="true"] {\n min-width: 44px;\n padding: 8px;\n justify-content: center;\n gap: 0;\n }\n\n @media (max-width: 900px) {\n font-size: 12px;\n padding: ',";\n gap: 6px;\n border-radius: 10px;\n }\n\n @media (max-width: 600px) {\n font-size: 11px;\n padding: ",";\n gap: 5px;\n }\n"])),e=>e.$solid?"var(--piq-surface-2)":"transparent",e=>e.$solid?"1px solid var(--piq-border)":"none",e=>e.$solid?"8px 10px":"0",e=>e.disabled?.45:1,e=>e.disabled?"none":"auto",e=>e.$danger?"var(--piq-danger)":"var(--piq-brand-b)",e=>e.$danger?"color-mix(in srgb, var(--piq-danger) 56%, transparent)":"color-mix(in srgb, var(--piq-brand-b) 56%, var(--piq-border))",e=>e.$danger?"color-mix(in srgb, var(--piq-danger) 14%, transparent)":"color-mix(in srgb, var(--piq-brand-b) 14%, transparent)",e=>e.$solid?"8px 9px":"0",e=>e.$solid?"8px 8px":"0"),Ze=pe.Ay.div(z||(z=(0,Q.A)(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n margin-top: 12px;\n flex-wrap: nowrap;\n"]))),Ke=pe.Ay.div(E||(E=(0,Q.A)(["\n display: flex;\n gap: 8px;\n align-items: center;\n flex: 0 0 auto;\n\n @media (max-width: 900px) {\n gap: 6px;\n }\n\n @media (max-width: 600px) {\n gap: 5px;\n }\n"]))),Qe=pe.Ay.span(N||(N=(0,Q.A)(["\n font-size: 11px;\n font-weight: 800;\n color: var(--piq-brand-b);\n margin-left: 2px;\n letter-spacing: 0.01em;\n"]))),en=pe.Ay.span(U||(U=(0,Q.A)(["\n flex: 1 1 96px;\n max-width: 132px;\n height: 9px;\n border-radius: 999px;\n overflow: hidden;\n background: color-mix(in srgb, var(--piq-border) 78%, transparent);\n"]))),nn=pe.Ay.span(R||(R=(0,Q.A)(["\n display: block;\n width: ",";\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(90deg, var(--piq-brand-b), var(--piq-brand-a));\n transition: width 220ms ease;\n"])),e=>"".concat(e.$pct||0,"%")),tn=pe.Ay.div(O||(O=(0,Q.A)(["\n display: flex;\n gap: 24px; /* \u2b05 space between slots */\n width: 100%;\n padding: ","; /* \u2b05 inner padding */\n overflow-x: auto;\n\n @media (max-width: 900px) {\n flex-wrap: nowrap; /* one slide visible */\n gap: 0;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0 0 10px 0; /* remove side padding to prevent peeking */\n scroll-snap-type: x mandatory; /* lock to one slide */\n }\n\n /* PHONE: carousel mode */\n @media (max-width: 600px) {\n flex-wrap: nowrap;\n gap: 0;\n justify-content: flex-start;\n overflow: hidden; /* critical */\n padding: ","; /* give mobile a little more usable width */\n }\n"])),e=>e.$embeddedInSheet?"10px 0 12px":"16px 12px",e=>e.$embeddedInSheet?"0 0 8px":"0 4px 8px 4px"),rn=pe.Ay.div(F||(F=(0,Q.A)(["\n display: flex;\n width: 100%;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n\n @media (max-width: 900px) {\n flex-wrap: nowrap;\n width: 100%;\n }\n\n /* PHONE: one-slide-at-a-time */\n @media (max-width: 600px) {\n flex-wrap: nowrap;\n width: 100%;\n will-change: transform;\n }\n"]))),on=pe.Ay.div(T||(T=(0,Q.A)(["\n position: relative;\n width: 50%;\n padding-top: 34px;\n background: var(--piq-surface);\n border: 1px solid color-mix(in srgb, var(--piq-brand-b) 24%, var(--piq-border));\n border-radius: 16px;\n box-shadow: 0 10px 24px color-mix(in srgb, var(--piq-text) 8%, transparent);\n padding: 16px 9px;\n box-sizing: border-box;\n scroll-snap-align: start;\n\n @media (max-width: 900px) {\n flex: 0 0 98%; /* slight gutter but no peek */\n width: 98%;\n min-width: 98%;\n max-width: 98%;\n margin: 0 1%;\n padding: 10px 6px; /* tighter horizontal padding on tablet */\n }\n\n /* PHONE: each slide takes EXACTLY the carousel width (no peeking) */\n @media (max-width: 600px) {\n flex: 0 0 100%;\n width: 98%;\n min-width: 98%;\n max-width: 98%;\n margin: 0 1%; /* center without peeking */\n border-radius: ",";\n box-shadow: ",";\n padding: 10px 6px 14px 6px; /* reduce left/right on phones */\n }\n"])),e=>e.$embeddedInSheet?"14px":"0",e=>e.$embeddedInSheet?"0 8px 18px color-mix(in srgb, var(--piq-text) 7%, transparent)":"none"),an=pe.Ay.div(D||(D=(0,Q.A)(["\n position: absolute;\n top: 8px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, color-mix(in srgb, var(--piq-brand-b) 65%, var(--piq-brand-a)), var(--piq-brand-a));\n color: var(--piq-on-brand);\n font-weight: 900;\n font-size: 11px;\n min-height: 24px;\n padding: 4px 12px;\n border-radius: 999px;\n letter-spacing: 0.3px;\n z-index: 3;\n pointer-events: none;\n border: 1px solid color-mix(in srgb, var(--piq-on-brand) 20%, transparent);\n box-shadow: 0 6px 14px color-mix(in srgb, var(--piq-brand-a) 26%, transparent);\n"]))),sn=pe.Ay.div(B||(B=(0,Q.A)(["\n height: 2px;\n background: color-mix(in srgb, var(--piq-brand-b) 52%, transparent);\n border-radius: 999px;\n margin: 4px 0 12px;\n"]))),ln=pe.Ay.div(W||(W=(0,Q.A)(["\n display: flex;\n justify-content: center;\n margin: 10px 0 0 0;\n gap: 8px;\n"]))),dn=pe.Ay.button(V||(V=(0,Q.A)(['\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: var(--piq-border);\n border: none;\n opacity: 0.5;\n transition: opacity 0.2s, transform 0.2s;\n\n &.active,\n &[aria-current="true"] {\n opacity: 1;\n background: color-mix(in srgb, var(--piq-brand-b) 82%, var(--piq-brand-a));\n transform: scale(1.08);\n }
1\n']))),cn=pe.Ay.div(H||(H=(0,Q.A)(["\n display: flex;\n justify-content: space-between;\n margin-top: 14px;\n padding: 2px 2px calc(2px + var(--piq-app-bottom-inset, 0px));\n gap: 10px;\n"]))),pn=pe.Ay.button(X||(X=(0,Q.A)(["\n background: var(--piq-surface-2);\n border: 1px solid var(--piq-border);\n border-radius: 999px;\n min-height: 44px;\n min-width: 44px;\n padding: 10px 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--piq-brand-a);\n cursor: pointer;\n box-shadow: 0 6px 14px color-mix(in srgb, var(--piq-text) 8%, transparent);\n transition: background 0.2s, transform 0.12s, opacity 0.2s ease, box-shadow 0.2s ease;\n font-weight: 900;\n\n &:hover:not(:disabled) {\n background: color-mix(in srgb, var(--piq-brand-b) 18%, var(--piq-surface));\n transform: translateY(-1px);\n }\n\n &:disabled {\n opacity: 0.42;\n cursor: not-allowed;\n box-shadow: none;\n }\n"]))),un=pe.Ay.button(_||(_=(0,Q.A)(["\n background: linear-gradient(135deg, var(--piq-brand-b) 0%, var(--piq-brand-a) 100%);\n color: var(--piq-on-brand);\n min-height: 56px;\n padding: 14px 32px;\n border: none;\n border-radius: 14px;\n font-weight: 900;\n font-size: 16px;\n cursor: pointer;\n box-shadow: 0 14px 28px color-mix(in srgb, var(--piq-brand-a) 24%, transparent);\n margin-top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n width: 100%;\n max-width: 420px;\n text-align: center;\n transition: transform 0.12s;\n\n &:hover:not(:disabled) {\n transform: translateY(-1px);\n }\n\n &:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n"]))),gn=pe.Ay.div(Y||(Y=(0,Q.A)(["\n color: var(--piq-danger);\n font-size: 13px;\n margin-top: 10px;\n"]))),vn=pe.Ay.div(J||(J=(0,Q.A)(["\n color: var(--piq-brand-b);\n font-size: 14px;\n margin-bottom: 12px;\n font-weight: 800;\n"]))),mn=pe.Ay.div(G||(G=(0,Q.A)(["\n color: var(--piq-danger);\n margin-bottom: 12px;\n"]))),xn=pe.Ay.div(Z||(Z=(0,Q.A)(["\n width: 100%;\n padding: 14px;\n border-radius: 12px;\n background: var(--piq-surface);\n border: 1px solid var(--piq-border);\n color: var(--piq-text);\n font-weight: 800;\n display: flex;\n align-items: center;\n gap: 10px;\n"]))),bn=()=>Array.from({length:4},()=>({title:"",description:""})),fn=()=>Array(4).fill(null),hn=e=>e.findIndex(e=>!e),yn=e=>"undefined"!==typeof File&&e instanceof File,wn=e=>"string"===typeof e&&e.length>3,An=e=>{var n,t;let{embeddedInSheet:r=!1,embeddedInPage:i=!1,initialAction:o="",showBackButton:a=!0}=e;const{t:s}=(0,xe.B)(),l=(0,ge.Zp)(),d=(0,ge.zy)(),c=ye("(max-width: 600px)"),p=ye("(max-width: 900px)"),{refreshUser:u}=(0,ve.P_)(),g=(0,me.G)(),v="string"===typeof(null===d||void 0===d||null===(n=d.state)||void 0===n?void 0:n.backTo)?d.state.backTo:"",m="string"===typeof(null===d||void 0===d||null===(t=d.state)||void 0===t?void 0:t.storyAction)?String(d.state.storyAction):"",x=String(o||m||""),b=(0,ee.useRef)(!1),[f,h]=(0,ee.useState)(null),y=(0,ee.useMemo)(()=>"photo"===f?"image/*":"video"===f||"record"===f?"video/*":"video/*,image/*",[f]),w=(0,ee.useMemo)(()=>{if("record"===f)return"environment"},[f]),A=(0,ee.useCallback)(()=>{l(v||-1)},[l,v]),q=(0,ee.useCallback)(e=>e?"string"===typeof e?e:"object"===typeof e&&e.key?s(e.key,e.fallback||e.key,e.vars||{}):String(e):"",[s]),[k,S]=(0,ee.useState)(Array.from({length:4},()=>({count:0,liked:!1}))),[P,j]=(0,ee.useState)(null),[C,L]=(0,ee.useState)(!0),[,I]=(0,ee.useState)(""),[,$]=(0,ee.useState)(""),[M,z]=(0,ee.useState)(fn()),[E,N]=(0,ee.useState)(bn()),[U,R]=(0,ee.useState)(fn()),[O,F]=(0,ee.useState)(bn()),[T,D]=(0,ee.useState)({}),[B,W]=(0,ee.useState)(!1),[V,H]=(0,ee.useState)(!1),[X,_]=(0,ee.useState)(""),[Y,J]=(0,ee.useState)(null),[G,Z]=(0,ee.useState)(""),[Q,pe]=(0,ee.useState)({}),[An,qn]=(0,ee.useState)([]),[kn,Sn]=(0,ee.useState)(null),[Pn,jn]=(0,ee.useState)(!1),[Cn,Ln]=(0,ee.useState)(null),[In,$n]=(0,ee.useState)({}),[Mn,zn]=(0,ee.useState)(0),En=(0,ee.useRef)(Array.from({length:4},()=>null)),Nn=(0,ee.useRef)(null),Un=(0,ee.useRef)(Array.from({length:4},()=>null)),Rn=(0,ee.useRef)(null),On=(0,ee.useRef)(new Map),[,Fn]=(0,ee.useState)(0),Tn=()=>Fn(e=>e+1),Dn=(0,ee.useMemo)(()=>M.filter(e=>!!e).length,[M]),Bn=(0,ee.useMemo)(()=>
1{if(p)return Math.max(1,Math.min(4,Mn+1));const e=Math.max(1,Dn||1);return Math.min(4,e)},[Mn,p,Dn]),Wn=(0,ee.useMemo)(()=>Math.round(Bn/4*100),[Bn]),Vn=(0,ee.useCallback)(()=>{try{var e,n,t,r;const i=null===(e=window)||void 0===e||null===(n=e.Capacitor)||void 0===n||null===(t=n.Plugins)||void 0===t||null===(r=t.Haptics)||void 0===r?void 0:r.impact;if("function"===typeof i)return void Promise.resolve(i({style:"LIGHT"})).catch(()=>{})}catch(i){}try{"undefined"!==typeof navigator&&"function"===typeof navigator.vibrate&&navigator.vibrate(10)}catch(o){}},[]);(0,ee.useEffect)(()=>{if("undefined"===typeof window)return;const e=window.visualViewport;if(!e)return;const n=()=>{try{const n=Math.max(0,window.innerHeight-e.height-e.offsetTop);document.documentElement.style.setProperty("--piq-story-keyboard-offset","".concat(Math.round(n),"px"))}catch(n){}};return n(),e.addEventListener("resize",n),e.addEventListener("scroll",n),()=>{e.removeEventListener("resize",n),e.removeEventListener("scroll",n);try{document.documentElement.style.removeProperty("--piq-story-keyboard-offset")}catch(t){}}},[]),(0,ee.useEffect)(()=>{var e,n,t;if(r)return;if("undefined"===typeof document)return;const i=document.documentElement,o=document.body,a=document.getElementById("root");return null===i||void 0===i||null===(e=i.classList)||void 0===e||e.add("piq-story-scroll-lock"),null===o||void 0===o||null===(n=o.classList)||void 0===n||n.add("piq-story-scroll-lock"),null===a||void 0===a||null===(t=a.classList)||void 0===t||t.add("piq-story-scroll-lock"),()=>{var e,n,t;null===i||void 0===i||null===(e=i.classList)||void 0===e||e.remove("piq-story-scroll-lock"),null===o||void 0===o||null===(n=o.classList)||void 0===n||n.remove("piq-story-scroll-lock"),null===a||void 0===a||null===(t=a.classList)||void 0===t||t.remove("piq-story-scroll-lock")}},[r]),(0,ee.useEffect)(()=>{var e,n,t;if(r)return;if("undefined"===typeof window)return;if(!(/iPad|iPhone|iPod/i.test(String((null===(e=window.navigator)||void 0===e?void 0:e.userAgent)||""))||"MacIntel"===String((null===(n=window.navigator)||void 0===n?void 0:n.platform)||"")&&Number((null===(t=window.navigator)||void 0===t?void 0:t.maxTouchPoints)||0)>1))return;const i=Rn.current;if(!i)return;let o=0;const a=e=>{var n,t;o=(null===(n=e.touches)||void 0===n||null===(t=n[0])||void 0===t?void 0:t.clientY)||0},s=e=>{var n,t;const r=i.scrollTop,a=i.clientHeight,s=i.scrollHeight,l=((null===(n=e.touches)||void 0===n||null===(t=n[0])||void 0===t?void 0:t.clientY)||0)-o;(r<=0&&l>0||r+a>=s-1&&l<0)&&e.preventDefault()};return i.addEventListener("touchstart",a,{passive:!0}),i.addEventListener("touchmove",s,{passive:!1}),()=>{i.removeEventListener("touchstart",a,{passive:!0}),i.removeEventListener("touchmove",s,{passive:!1})}},[r]),(0,ee.useEffect)(()=>{const e=On.current;return()=>{for(const n of e.values())URL.revokeObjectURL(n);e.clear()}},[]);const Hn=(0,ee.useCallback)((e,n)=>{if(!yn(n)){const n=On.current.get(e);return n&&(URL.revokeObjectURL(n),On.current.delete(e)),null}if(On.current.get(e))return On.current.get(e);const t=URL.createObjectURL(n);return On.current.set(e,t),t},[]),Xn=(0,ee.useCallback)(e=>{const n=M[e];return n?wn(n)?(e=>{const n="string"===typeof e?e.trim():"";if(!n)return"";if(n.startsWith("data:")||n.startsWith("blob:"))return n;if(n.startsWith("//"))return n;if(/^https?:\/\//i.test(n))return n;const t=(e=>{const n="undefined"!==typeof window?window:void 0,t=String("https://piquora.com").trim()||String((null===n||void 0===n||null===(e=n.ENV)||void 0===e?void 0:e.REACT_APP_API_URL)||"").trim()||String((null===n||void 0===n?void 0:n.REACT_APP_API_URL)||"").trim(),r=String(t||"").replace(/\/+$/,"");if(!r)return"";try{var i;const e=new URL(r),t=String(e.hostname||""),o=String((null===n||void 0===n||null===(i=n.location)||void 0===i?void 0:i.hostname)||""),a="localhost"===t||"127.0.0.1"===t,s="localhost"===o||"127.0.0.1"===o||/^10\./.test(o)||/^192\.168\./.test(o)||/^172\.(1[6-9]|2\d|3[0-1])\./.test(o);return a&&!s?"":r}catch(o){return""}})()||("undefined"!==typeof window?(()=>{const e=String(window.location.hostname||"");try{if(/^gui\./i.test(e)){const n=e.replace(/^gui\./i,"");if(n&&n!==e)return"".concat(window.location.protocol,"//").concat(n)}}catch(r){}const n="localhost"===e||"127.0.0.1"===e,t=/^10\./.test(e)||/^192\.168\./.test(e)||/^172\.(1[6-9]|2\d|3[0-1])\./.test(e);return n||t?"".concat(window.location.protocol,"//").concat(window.location.hostname,":8080"):String(window.location.origin||"").replace(/\/+$/,"")})():"");if(!t)return n;const r=n.startsWith("/")?n:"/".concat(n.replace(/^\/+/,""));return"".concat(t).concat(r)})(n):yn(n)&&Hn(e,n)||"":""},[M,Hn]),_n=(0,ee.useCallback)(e=>{var n;if(!e)return!1;if(wn(e)){const n=e.toLowerCase();return!(n.includes(".jpg")||n.includes(".jpeg")||n.includes(".png")||n.includes(".webp")||n.includes(".gif"))}return!!yn(e)&&(null===(n=e.type)||void 0===n?void 0:n.startsWith("video/"))},[]),Yn=(0,ee.useCallback)(e=>{var n;if(!e)return!1;if(wn(e)){const n=e.toLowerCase();return n.includes(".jpg")||n.includes(".jpeg")||n.includes(".png")||n.includes(".webp")||n.includes(".gif")}return!!yn(e)&&(null===(n=e.type)||void 0===n?void 0:n.startsWith("image/"))},[]);(0,ee.useEffect)(()=>{$n(e=>{const n={};for(let t=0;t<4;t+=1){const r=M[t];
1if(!r||!_n(r))continue;const i=Xn(t);i&&((null===e||void 0===e?void 0:e[t])===i&&(n[t]=i))}return n})},[Xn,_n,M]);const Jn=(0,ee.useCallback)(async()=>{L(!0);try{const e=await(0,re.Ns)();if(console.log("[StoryPage] getUserStory response:",e),null!==e&&void 0!==e&&e.success&&null!==e&&void 0!==e&&e.story){j(e.story);const{slots:n,metaSlots:t}=(e=>{const n=fn(),t=bn();return console.log("[StoryPage] Normalizing story:",e),null!==e&&void 0!==e&&e.videos&&Array.isArray(e.videos)&&e.videos.forEach((e,r)=>{e&&e.url&&r<4&&(n[r]=e.url,t[r]={title:e.title||"",description:e.description||""},console.log("[StoryPage] Loaded slot ".concat(r,":"),e.url))}),console.log("[StoryPage] Normalized slots:",n),{slots:n,metaSlots:t}})(e.story);for(let e=0;e<4;e++){const n=On.current.get(e);n&&(URL.revokeObjectURL(n),On.current.delete(e))}console.log("[StoryPage] Setting videos state:",n),z(n),N(t),R([...n]),F(JSON.parse(JSON.stringify(t))),zn(0)}else{console.warn("[StoryPage] No story found or failed response"),j(null);const e=fn(),n=bn();z(e),N(n),R([...e]),F(JSON.parse(JSON.stringify(n))),zn(0)}}catch(e){console.error("[StoryPage] fetchStory error:",e),j(null);const n=fn(),t=bn();z(n),N(t),R([...n]),F(JSON.parse(JSON.stringify(t))),zn(0)}finally{L(!1)}},[]);(0,ee.useEffect)(()=>{Jn()},[Jn,V]),(0,ee.useEffect)(()=>{if(null!==P&&void 0!==P&&P.videos&&Array.isArray(P.videos)){const e=P.videos.map(e=>{var n,t;return{count:(null===e||void 0===e||null===(n=e.likes)||void 0===n?void 0:n.count)||0,liked:(null===e||void 0===e||null===(t=e.likes)||void 0===t?void 0:t.likedByMe)||!1}});for(;e.length<4;)e.push({count:0,liked:!1});S(e.slice(0,4))}else S(Array.from({length:4},()=>({count:0,liked:!1})))},[P]),(0,ee.useEffect)(()=>{zn(e=>Math.max(0,Math.min(3,e)))},[p]),(0,ee.useEffect)(()=>{p&&Un.current.forEach((e,n)=>{if(e)if(n===Mn)try{var t,r,i;null===(t=e.play)||void 0===t||null===(r=(i=t.call(e)).catch)||void 0===r||r.call(i,()=>{})}catch(a){}else try{var o;null===(o=e.pause)||void 0===o||o.call(e)}catch(s){}})},[Mn,p]),(0,ee.useEffect)(()=>{[Mn,Mn-1,Mn+1].filter(e=>Number.isInteger(e)&&e>=0&&e<4).forEach(e=>{const n=M[e];if(!_n(n))return;const t=Xn(e);if(t)try{(0,ie.wf)(String(t),{ttlMs:9e4})}catch(r){}})},[Mn,Xn,_n,M]);const Gn=(0,ee.useCallback)((e,n)=>{if((e=>{const n=String((null===e||void 0===e?void 0:e.type)||"").toLowerCase();if(n.startsWith("video/")||n.startsWith("image/"))return!0;if(!n||"application/octet-stream"===n){const n=fe(e);return new Set(["mp4","mov","m4v","webm","jpg","jpeg","png","webp"]).has(n)}return!1})(e)){if(String((null===e||void 0===e?void 0:e.type)||"").toLowerCase().startsWith("video/")||["mp4","mov","m4v","webm"].includes(fe(e))){if(e.size>62914560)return void D(e=>(0,K.A)((0,K.A)({},e),{},{["video".concat(n)]:{key:"storyPageMaxVideoSizeError",fallback:"Video must be {{maxMb}}MB or less.",vars:{maxMb:String(60)}}}));const t=URL.createObjectURL(e),r=document.createElement("video");return r.preload="metadata",r.onloadedmetadata=()=>{if(URL.revokeObjectURL(t),!Number.isFinite(r.duration))return D(e=>(0,K.A)((0,K.A)({},e),{},{["video".concat(n)]:""})),z(t=>{const r=[...t];return r[n]=e,r}),N(e=>{const t=[...e];return t[n]=t[n]||{title:"",description:""},t}),S(e=>{const t=[...e];return t[n]={count:0,liked:!1},t}),Hn(n,e),void Tn();r.duration>30?D(e=>(0,K.A)((0,K.A)({},e),{},{["video".concat(n)]:{key:"storyPageMaxVideoDurationError",fallback:"Video must be {{maxSeconds}} seconds or less.",vars:{maxSeconds:String(30)}}})):(D(e=>(0,K.A)((0,K.A)({},e),{},{["video".concat(n)]:""})),z(t=>{const r=[...t];return r[n]=e,r}),N(e=>{const t=[...e];return t[n]=t[n]||{title:"",description:""},t}),S(e=>{const t=[...e];return t[n]={count:0,liked:!1},t}),Hn(n,e),Tn())},r.onerror=()=>{URL.revokeObjectURL(t),D(e=>(0,K.A)((0,K.A)({},e),{},{["video".concat(n)]:{key:"storyPageReadVideoFailedError",fallback:"Could not read this video file."}}))},void(r.src=t)}D(e=>(0,K.A)((0,K.A)({},e),{},{["video".concat(n)]:""})),z(t=>{const r=[...t];return r[n]=e,r}),N(e=>{const t=[...e];return t[n]=t[n]||{title:"",description:""},t}),S(e=>{const t=[...e];return t[n]={count:0,liked:!1}
1,t}),Hn(n,e),Tn()}else D(e=>(0,K.A)((0,K.A)({},e),{},{["video".concat(n)]:{key:"storyPageInvalidFileTypeError",fallback:"Please select a valid video or image file."}}))},[Hn]),Zn=(0,ee.useCallback)(function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const t=Array.isArray(e)?e.filter(Boolean):[];if(!t.length)return{assigned:[],skipped:0};const r=[];for(let s=0;s<4;s++)M[s]||r.push(s);const i=Number.isInteger(n)?n:-1;if(i>=0&&i<4&&!M[i]){const e=r.indexOf(i);e>0&&(r.splice(e,1),r.unshift(i))}const o=[],a=t.slice(0,4);for(let s=0;s<a.length;s++){const e=r[s];if(void 0===e)break;Gn(a[s],e),o.push(e)}return{assigned:o,skipped:Math.max(0,a.length-o.length)}},[Gn,M]),Kn=(0,ee.useCallback)(e=>{D(e=>(0,K.A)((0,K.A)({},e),{},{videos:""})),h("video");const n=Array.from(e.target.files||[]);if(!n.length)return;Vn();const{assigned:t,skipped:r}=Zn(n);t.length>0&&p&&zn(t[0]),r>0&&D(e=>(0,K.A)((0,K.A)({},e),{},{form:s("storyPageSlotsFullWarning","Only empty slots were filled. {{skipped}} file(s) were not added.",{skipped:String(r)})})),e.target.value=""},[Zn,p,s,Vn]),Qn=(e,n)=>{N(t=>{const r=[...t];return r[e]=n,r})},et=(0,ee.useCallback)(e=>{M[e]&&Sn(e)},[M]),nt=(0,ee.useMemo)(()=>{const e=[];for(let n=0;n<4;n+=1){const t=M[n];if(!t)continue;const r=Xn(n);if(!r)continue;const i=E[n]||{title:"",description:""},o=Yn(t);e.push({stableId:"story-slot-".concat(n),slotIndex:n,type:o?"image":"video",cachedVideoUrl:o?"":r,cachedThumbnailUrl:o?r:String((null===i||void 0===i?void 0:i.thumbnail)||""),cachedPosterUrl:String((null===i||void 0===i?void 0:i.thumbnail)||""),description:String((null===i||void 0===i?void 0:i.description)||"")})}return e},[Xn,Yn,E,M]),tt=(0,ee.useMemo)(()=>{if(null===kn)return 0;const e=nt.findIndex(e=>(null===e||void 0===e?void 0:e.slotIndex)===kn);return e>=0?e:0},[kn,nt]),rt=(0,ee.useCallback)(()=>{const e=[];for(let o=0;o<4;o++){var n,t,r,i;const a=M[o]!==U[o],s=(null===(n=E[o])||void 0===n?void 0:n.title)!==(null===(t=O[o])||void 0===t?void 0:t.title)||(null===(r=E[o])||void 0===r?void 0:r.description)!==(null===(i=O[o])||void 0===i?void 0:i.description);(a||s)&&e.push(o)}return e},[O,U,E,M]),it=(0,ee.useMemo)(()=>rt().length>0,[rt]),ot=Mn>0,at=Mn<3,st=(0,ee.useCallback)(e=>{Vn(),Ln(e),window.setTimeout(()=>Ln(n=>n===e?null:n),220);const n=En.current[e];n&&n.click()},[Vn]),lt=(0,ee.useCallback)(()=>{Vn(),h("video"),Nn.current&&Nn.current.click()},[Vn]);return(0,ee.useEffect)(()=>{if(C)return;if(b.current)return;const e=String(x||"").trim();if(!e)return;if("manage"===e)return void(b.current=!0);let n=null;if("pick-photo"===e)n="photo";else if("pick-video"===e)n="video";else{if("record-video"!==e)return;n="record"}const t=Array.isArray(M)?M.findIndex(e=>!e):-1,r=-1===t?0:t;b.current=!0,h(n),p&&zn(r);const i=requestAnimationFrame(()=>{try{st(r)}catch(e){}});return()=>{try{cancelAnimationFrame(i)}catch(e){}}},[C,x,M,p,st]),(0,be.jsxs)(be.Fragment,{children:[(0,be.jsxs)(we,{$embeddedInSheet:r,$embeddedInPage:i,children:[r?null:(0,be.jsxs)(be.Fragment,{children:[a?(0,be.jsx)("div",{style:{display:"flex",alignItems:"center",gap:10,marginBottom:"0.7rem"},children:(0,be.jsx)("button",{type:"button",onClick:A,"aria-label":s("back","Back"),style:{width:40,height:40,borderRadius:12,border:"1px solid var(--piq-border)",background:"var(--piq-surface-2)",color:"var(--piq-text)",display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",flex:"0 0 auto"},children:(0,be.jsx)(ae.A,{size:18})})}):null,p?(0,be.jsx)("p",{style:{color:"var(--piq-muted)",marginBottom:18,fontSize:15,textAlign:"left",lineHeight:1.5},children:s("storyPageSubtitleCompact","Share your journey! Upload up to 4 short videos or images, add a title and description, then submit.")}):(0,be.jsx)("p",{style:{color:"var(--piq-muted)",marginBottom:18,fontSize:16,textAlign:"left",lineHeight:1.5},children:s("storyPageSubtitle","Inspire others by sharing your journey. Upload up to 4 short videos or images, add a title + description per slot, and submit.")})]}),C?(0,be.jsxs)(xn,{children:[(0,be.jsx)(oe.A,{className:"spin",size:18}),s("storyPageLoading","Loading your story\u2026")]}):null,(0,be.jsxs)(Ae,{$embeddedInSheet:r,$embeddedInPage:i,onSubmit:async e=>{if(e.preventDefault(),H(!1),_(""),D(e=>(0,K.A)((0,K.A)({},e),{},{form:"",videos:""})),J(null),Z(""),pe({}),qn([]),!(()=>{let e=!1;D(e=>(0,K.A)((0,K.A)({},e),{},{videos:""}));const n=M.some(e=>!!e);let t=!1;for(let r=0;r<4;r++)T["video".concat(r)]&&(t=!0);n||t||(e=!0,D(e=>(0,K.A)((0,K.A)({},e),{}
1,{videos:{key:"storyPageAtLeastOneMediaRequiredError",fallback:"At least one video or image is required."}})));for(let r=0;r<4;r++)T["video".concat(r)]&&(e=!0);return!e})())return;const n=rt();if(0===n.length)return _("Try again"),void D(e=>(0,K.A)((0,K.A)({},e),{},{form:{key:"storyPageNoChangesDetectedError",fallback:"No changes detected."}}));W(!0);try{const e=[],l=[],d=[],c=[],p=[];for(const a of n){var t,r,i,o;const n=M[a],s=(null===(t=E[a])||void 0===t?void 0:t.title)!==(null===(r=O[a])||void 0===r?void 0:r.title)||(null===(i=E[a])||void 0===i?void 0:i.description)!==(null===(o=O[a])||void 0===o?void 0:o.description);if(n instanceof File){"string"===typeof U[a]&&U[a]?c.push({slotIdx:a,file:n,meta:E[a]||{title:"",description:""}}):(e.push(n),l.push(E[a]||{title:"",description:""}),d.push(a))}else n&&"string"===typeof n&&s&&p.push(a)}const g=[...c.map(e=>e.slotIdx),...d],v=e=>{const n=Object.keys(e||{});if(!n.length)return void J(0);const t=n.reduce((n,t)=>n+Number(e[t]||0),0);J(he(t/n.length))};g.length>0&&(qn(g),pe(g.reduce((e,n)=>(e[n]=0,e),{})),Z("storyPageUploadPhaseUploading"),J(0));for(const n of c){const{slotIdx:e,file:t,meta:r}=n,i=new FormData;i.append("video",t,(null===t||void 0===t?void 0:t.name)||"video".concat(e+1,".mp4")),i.append("title",String((null===r||void 0===r?void 0:r.title)||"")),i.append("description",String((null===r||void 0===r?void 0:r.description)||"")),await ue.A.patch("/users/story/video/".concat(e),i,{headers:{"Content-Type":"multipart/form-data"},withCredentials:!0,onUploadProgress:n=>{try{const t=Number((null===n||void 0===n?void 0:n.total)||0),r=Number((null===n||void 0===n?void 0:n.loaded)||0);if(!t)return;const i=he(r/t*100);pe(n=>{const t=(0,K.A)((0,K.A)({},n),{},{[e]:i});return v(t),t}),i>=100&&Z("storyPageUploadPhaseProcessing")}catch(t){}}}),pe(n=>{const t=(0,K.A)((0,K.A)({},n),{},{[e]:100});return v(t),t})}if(e.length>0&&(await(0,re.tM)({videos:e,videoMeta:l,onUploadProgress:n=>{try{const t=Number((null===n||void 0===n?void 0:n.total)||0),r=Number((null===n||void 0===n?void 0:n.loaded)||0);if(!t)return;const i=he(r/t*100),o={},a=Array.isArray(null===n||void 0===n?void 0:n.fileProgress)?n.fileProgress:null;if(a&&a.length===d.length)d.forEach((e,n)=>{o[e]=he(a[n])});else{let n=Math.max(0,r);e.forEach((e,t)=>{const r=Math.max(1,Number((null===e||void 0===e?void 0:e.size)||1)),i=Math.min(r,n);n=Math.max(0,n-i),o[d[t]]=he(i/r*100)})}pe(e=>{const n=(0,K.A)((0,K.A)({},e),o);return v(n),n}),i>=100&&Z("storyPageUploadPhaseProcessing")}catch(t){}}}),pe(e=>{const n=(0,K.A)({},e);return d.forEach(e=>{n[e]=100}),v(n),n})),p.length>0)for(const n of p){var a,s;await ue.A.patch("/users/story/video/".concat(n),{title:(null===(a=E[n])||void 0===a?void 0:a.title)||"",description:(null===(s=E[n])||void 0===s?void 0:s.description)||""},{withCredentials:!0})}await Jn(),H(!0),_("Submitted"),I(""),$(""),D({}),"function"===typeof u&&await u()}catch(g){var l,d,c,p;const e=(null===g||void 0===g||null===(l=g.response)||void 0===l||null===(d=l.data)||void 0===d?void 0:d.message)||(null===g||void 0===g||null===(c=g.response)||void 0===c||null===(p=c.data)||void 0===p?void 0:p.error)||(null===g||void 0===g?void 0:g.message)||"",n=String(e||"").toLowerCase();let t=String(e||"").trim();n.includes("unsupported")||n.includes("only video files are allowed")||n.includes("invalid file type")?t="Please upload MP4 or MOV.":n.includes("too long")||n.includes("30 seconds")?t="Story videos must be 30 seconds or less.":(!t||n.includes("process story video")||n.includes("server error"))&&(t="Upload failed. Please try again."),_("Try again"),D(e=>(0,K.A)((0,K.A)({},e),{},{form:t?String(t):{key:"storyPageUpdateFailedError",fallback:"Failed to update story."}})),Z(""),J(null),pe({}),qn([])}finally{W(!1),Z(""),J(null),pe({}),qn([])}},autoComplete:"off",children:[(0,be.jsxs)(qe,{ref:Rn,$embeddedInSheet:r,$embeddedInPage:i,className:"story-sheet-body",children:[T.form?(0,be.jsx)(mn,{children:q(T.form)}):null,V?(0,be.jsx)(vn,{children:s("storyPageSubmitSuccess","Story submitted successfully!")}):null,(0,be.jsxs)(Pe,{onDrop:e=>{e.preventDefault(),jn(!1);const n=Array.from(e.dataTransfer.files||[]).filter(e=>e.type.startsWith("video/")||e.type.startsWith("image/"));if(!n.length)return;let t=[...M],r=-1;for(const i of n){const e=hn(t);if(-1===e)break;-1===r&&(r=e),t[e]=i,Gn(i,e)}p&&-1!==r&&zn(r)},onDragOver:e=>{e.preventDefault(),jn(!0)},onDragLeave:e=>{e.preventDefault(),jn(!1)},$active:Pn,$embeddedInSheet:r,children:[(0,be.jsx)("input",{ref:Nn,type:"file",accept:y,multiple:!0,style:{display:"none"},onChange:Kn}),(0,be.jsxs)(Ce,{children:[(0,be.jsx)(Le,{children:s("storyPageBulkPickerHint","Pick multiple videos at once and we will auto-fill each empty slot (up to {{max}}).",{max:String(4)})}),(0,be.jsxs)(Ie,{type:"button",onClick:lt,disabled:B,children:[(0,be.jsx)(ce.A,{size:16}),s("storyPageBulkPickerCta","Select Multiple")]})]}),(0,be.jsxs)(je,{children:[(0,be.jsx)(Fe,{children:s("storyPageUsedCount","Used: {{used}}/{{max}}",{used:String(Dn),max:String(4)})}),(0,be.jsx)("div",{style:{display:"flex",gap:10,alignItems:"center"},children:(0,be.jsx)(Te,{children:s("storyPageMediaLimits","Max video: {{maxMb}}MB \u2022 Max duration: {{maxSeconds}}s",{maxMb:String(60),maxSeconds:String(30)})})})]}),(0,be.jsxs)(De,{children:[(0,be.jsxs)(Be,{children:[(0,be.jsx)(We,{children:s("storyPageProgressLabel","Story progress")}),(0,be.jsx)(Ve,{children:s("storyPageProgressValue","{{current}} of {{total}} stories",{current:String(Bn),total:String(4)})})]}),(0,be.jsx)(He,{"aria-hidden":"true",children:(0,be.jsx)(Xe,{$pct:Wn})})]}),(0,be.jsx)(tn,{$embeddedInSheet:r,children:(0,be.jsx)(rn,{style:p?{transform:"translateX(-".concat(100*Mn,"%)")}:{transform:"none",flexWrap:"wrap"},children:Array.from({length:4}).map((e,n)=>{var t,i,o,a;const l=M[n],d=E[n]||{title:"",description:""},u=Xn(n),v=_n(l),m=Yn(l),x=!p||n===Mn,b=!(!v||!u||(null===In||void 0===In?void 0:In[n])!==u),A=B&&An.includes(n),P=Number.isFinite(Q[n])?Q[n]:0,j="storyPageUploadPhaseProcessing"===G?s("storyPageUploadPhaseProcessing","Processing\u2026"):s("storyPageUploadPhaseUploading","Uploading\u2026");return(0,be.jsxs)(on,{$embeddedInSheet:r,children:[(0,be.jsx)(an,{children:s("storyPageSlotBadge","Slot {{slotNumber}}",{slotNumber:String(n+1)})}),(0,be.jsx)(sn,{}),(0,be.jsx)("input",{ref:e=>En.current[n]=e,type:"file",accept:y,capture:w,multiple:"record"!==f,style:{display:"none"},onChange:e=>((e,n)=>{D(e=>(0,K.A)((0,K.A)({},e),{},{videos:""})),h(null);const t=Array.from(e.target.files||[]);if(!t.length)return;if(Vn(),1===t.length)return Gn(t[0],n),p&&zn(n),void(e.target.value="");const{assigned:r,skipped:i}=Zn(t,n);r.length>0&&p&&zn(r[0]),i>0&&D(e=>(0,K.A)((0,K.A)({},e),{},{form:s("storyPageSlotsFullWarning","Only empty slots were filled. {{skipped}} file(s) were not added.",{skipped:String(i)})})),e.target.value=""})(e,n)}),(0,be.jsxs)($e,{$hasMedia:Boolean(u),children:[u&&m?(0,be.jsx)(Me,{src:u,alt:s("storyPageStoryPreviewAlt","Story preview {{slotNumber}}",{slotNumber:String(n+1)}),onClick:()=>{et(n)}}):null,u&&v?(0,be.jsx)(ne.A,{ref:e=>{Un.current[n]=e},src:u,poster:"",autoPlay:x,muted:!0,loop:!1,uiVariant:"preview",previewLoopSeconds:6,showLoadingOverlay:!1,showPosterWhileLoading:!1,fillParent:!0,objectFitMode:"cover",style:{width:"100%",height:"100%",borderRadius:12,opacity:b?1:0,pointerEvents:b?"auto":"none",background:"var(--piq-modal-video-bg, var(--piq-modal-video-thumb-bg))"},onPlay:()=>{$n(e=>(0,K.A)((0,K.A)({},e||{}),{},{[n]:u}))},onClick:()=>{et(n)}}):null,u&&v&&!b?(0,be.jsx)(Ue,{children:(0,be.jsx)(Re,{children:(0,be.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:7},children:[(0,be.jsx)(oe.A,{size:13,className:"spin"}),s("storyPageLoadingStory","Loading story...")]})})}):null,u?(0,be.jsx)(Ee,{className:"slot-preview-launch",type:"button",onPointerDown:e=>{e.preventDefault(),e.stopPropagation()},onPointerUp:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{e.preventDefault(),e.stopPropagation(),et(n)},"aria-label":s("storyPagePreviewButtonAria","Preview story {{slotNumber}}",{slotNumber:String(n+1)}),children:s("storyPagePreviewButton","Preview")}):null,u?null:(0,be.jsx)(ze,{children:(0,be.jsxs)(Ne,{children:[(0,be.jsx)("div",{style:{display:"flex",justifyContent:"center"},children:(0,be.jsx)(ce.A,{size:26})}),(0,be.jsx)("div",{children:s("storyPageUploadOverlayTitle","Upload video or image")}),(0,be.jsx)(Oe,{children:s("storyPageUploadOverlayHint","Click \u201cChoose Media\u201d or drag & drop")}),(0,be.jsx)(Oe,{style:{opacity:.92},children:s("storyPageUploadOverlayWarmHint","Stories help matches connect beyond photos.")})]})})]}),T["video".concat(n)]?(0,be.jsx)(gn,{children:q(T["video".concat(n)])}):null,(0,be.jsxs)(Ze,{children:[(0,be.jsxs)(Ge,{type:"button",$solid:!0,"data-main-action":"true",disabled:B,onClick:()=>st(n),"aria-label":s("storyPageChooseMediaAria","Choose media for slot {{slotNumber}}",{slotNumber:String(n+1)}),children:[(0,be.jsx)(ce.A,{size:16,style:{transform:Cn===n?"scale(1.08)":"scale(1)",transition:"transform 180ms ease"}}),A?null:c?s("storyPageAddMedia","Add Media"):s("storyPageMedia","Media"),A?(0,be.jsxs)(be.Fragment,{children:[(0,be.jsxs)(Qe,{children:[j," ",P,"%"]}),(0,be.jsx)(en,{"aria-hidden":"true",children:(0,be.jsx)(nn,{$pct:P})})]}):null]}),(0,be.jsxs)(Ke,{children:[(0,be.jsxs)(Ge,{type:"button",$solid:!0,"data-icon-only":p?"true":void 0,disabled:B||"string"!==typeof l,onClick:()=>(async e=>{if("string"===typeof M[e])try{const n=await ue.A.post("/users/story/video/".concat(e,"/like"),{},{withCredentials:!0});S(t=>{var r,i,o,a;const s=[...t],l=!(null===(r=t[e])||void 0===r||!r.liked),d=((null===(i=t[e])||void 0===i?void 0:i.count)||0)+(l?-1:1);return s[e]={count:"number"===typeof(null===(o=n.data)||void 0===o?void 0:o.count)?n.data.count:d,liked:"boolean"===typeof(null===(a=n.data)||void 0===a?void 0:a.liked)?n.data.liked:!l},s})}catch(n){console.error("Like failed:",n)}})(n),"aria-label":s("storyPageLikeMediaAria","Like media {{slotNumber}}",{slotNumber:String(n+1)}),style:{background:null!==(t=k[n])&&void 0!==t&&t.liked?"color-mix(in srgb, var(--piq-brand-b) 18%, var(--piq-surface))":"var(--piq-surface-2)",borderColor:null!==(i=k[n])&&void 0!==i&&i.liked?"color-mix(in srgb, var(--piq-brand-b) 58%, var(--piq-border))":"var(--piq-border)"},children:[(0,be.jsx)(le.A,{size:16,fill:null!==(o=k[n])&&void 0!==o&&o.liked?"var(--piq-brand-a)":"none"}),p?null:(null===(a=k[n])||void 0===a?void 0:a.count)||0]}),(0,be.jsxs)(Ge,{type:"button",$solid:!0,$danger:!0,"data-icon-only":c?"true":void 0,disabled:B||!l,onClick:()=>(async e=>{if(!M[e])return;if(!await g({title:s("storyPageDeleteConfirmTitle","Delete this video?"),description:s("storyPageDeleteConfirmDescription","Are you sure you want to permanently delete this video and its caption? This action cannot be undone."),confirmText:s("delete","Delete"),cancelText:s("cancel","Cancel"),confirmButtonStyle:"danger"}))return;if("string"===typeof M[e]){W(!0);try{await(0,re.$1)(e),await Jn(),D(n=>(0,K.A)((0,K.A)({},n),{}
1,{["video".concat(e)]:""}))}catch(t){D(n=>(0,K.A)((0,K.A)({},n),{},{["video".concat(e)]:null!==t&&void 0!==t&&t.message?String(t.message):{key:"storyPageDeleteFailedError",fallback:"Failed to delete video."}}))}finally{W(!1)}return void(kn===e&&Sn(null))}const n=On.current.get(e);n&&(URL.revokeObjectURL(n),On.current.delete(e)),z(n=>{const t=[...n];return t[e]=null,t}),N(n=>{const t=[...n];return t[e]={title:"",description:""},t}),S(n=>{const t=[...n];return t[e]={count:0,liked:!1},t}),D(n=>(0,K.A)((0,K.A)({},n),{},{["video".concat(e)]:""})),kn===e&&Sn(null),Tn()})(n),"aria-label":s("storyPageRemoveMediaAria","Remove media {{slotNumber}}",{slotNumber:String(n+1)}),children:[(0,be.jsx)(de.A,{size:16}),c?null:s("remove","Remove")]})]})]}),(0,be.jsx)(_e,{htmlFor:"story-title-".concat(n),children:s("storyPageFieldLabelTitle","Title")}),(0,be.jsx)(Ye,{id:"story-title-".concat(n),type:"text",placeholder:s("storyPageVideoTitlePlaceholder","Video Title"),value:(null===d||void 0===d?void 0:d.title)||"",onChange:e=>{let t=e.target.value;t.length>80&&(t=t.slice(0,80)),Qn(n,(0,K.A)((0,K.A)({},d),{},{title:t}))},maxLength:80}),(0,be.jsx)(_e,{htmlFor:"story-description-".concat(n),children:s("storyPageFieldLabelDescription","Description")}),(0,be.jsx)(Je,{id:"story-description-".concat(n),placeholder:s("storyPageVideoDescriptionPlaceholder","Video Description"),value:(null===d||void 0===d?void 0:d.description)||"",onChange:e=>{let t=e.target.value;t.length>300&&(t=t.slice(0,300)),Qn(n,(0,K.A)((0,K.A)({},d),{},{description:t}))},maxLength:300})]},n)})})}),p?(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(ln,{children:Array.from({length:4}).map((e,n)=>(0,be.jsx)(dn,{type:"button",className:n===Mn?"active":"","aria-current":n===Mn?"true":"false",onClick:()=>zn(n),"aria-label":s("storyPageGoToSlotAria","Go to slot {{slotNumber}}",{slotNumber:String(n+1)})},n))}),(0,be.jsxs)(cn,{children:[(0,be.jsx)(pn,{type:"button",onClick:()=>zn(e=>Math.max(0,e-1)),disabled:!ot,"aria-label":s("previous","Previous"),children:(0,be.jsx)(ae.A,{size:18})}),(0,be.jsx)(pn,{type:"button",onClick:()=>zn(e=>Math.min(3,e+1)),disabled:!at,"aria-label":s("next","Next"),children:(0,be.jsx)(se.A,{size:18})})]})]}):null,T.videos?(0,be.jsx)(gn,{children:q(T.videos)}):null]})]}),(0,be.jsxs)(ke,{$embeddedInSheet:r,className:"story-sheet-footer",children:[T.form?(0,be.jsx)(mn,{children:q(T.form)}):null,V?(0,be.jsx)(vn,{children:s("storyPageSubmitSuccess","Story submitted successfully!")}):null,(0,be.jsx)("div",{style:{width:"100%",display:"flex",justifyContent:"center"},children:(0,be.jsx)(un,{type:"submit",disabled:B||!it,title:it?"":s("storyPageEnableSubmitHint","Edit a video or metadata to enable submit"),className:"story-submit-btn",style:{width:"100%",maxWidth:560},children:B?(0,be.jsx)(oe.A,{className:"spin",size:18}):X||s("storyPageSubmitChanges","Submit Changes")})}),B&&G?(0,be.jsx)(Se,{children:null!==Y?"".concat(s(G,"storyPageUploadPhaseProcessing"===G?"Processing\u2026":"Uploading\u2026")," ").concat(Y,"%"):s(G,"storyPageUploadPhaseProcessing"===G?"Processing\u2026":"Uploading\u2026")}):null]})]}),null!==kn&&nt.length?(0,be.jsx)("div",{style:{position:"fixed",inset:0,zIndex:1200,background:"#000"},children:(0,be.jsx)(te.A,{open:!0,stories:nt,initialIndex:tt,onClose:()=>{Sn(null)}})}):null]}),(0,be.jsx)("style",{children:"\n .spin { animation: spin 0.9s linear infinite; }\n @keyframes spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\n "})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.