bitsnap-react 1.13.0 → 1.14.1

package/dist/chunk-2OOQPXCQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/dx/dist/chunk-2OOQPXCQ.js","../src/panel/components/PanelLogin.tsx","../src/ui/card.tsx","../src/ui/input-otp.tsx","../src/panel/LoadingIndicator.tsx","../src/panel/return-url.ts","../src/lib/render.text.tsx","../src/panel/audio-player/AudioPlayer.tsx"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","InputOTP","containerClassName","OTPInput","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","MinusIcon","LoadingIndicator","LoadingIndicator_default","RETURN_URL_PARAM","RETURN_URL_STORAGE_KEY","ACCESS_TOKEN_PARAM","getReturnURLFromSearch","search","raw","validateReturnURL","persistReturnURL","returnURL","readPersistedReturnURL","stored","isOriginAllowed","origin","allowedOrigins","allowed","allowedHost","originHost"],"mappings":"AAAA,ylCAAwI,sDAAiG,sDAAuJ,sDAAsG,sDAAyE,oDCAhhB,qHAOxB,+CCDH,SAFKA,EAAAA,CAAK,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAgC,CAClE,OACEC,6BAAAA,KAAC,CAAA,CACC,WAAA,CAAU,MAAA,CACV,SAAA,CAAWC,gCAAAA,mFACT,CACAH,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CAEJ,CAEA,SAASG,EAAAA,CAAW,CAAE,SAAA,CAAAJ,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAgC,CACxE,OACEC,6BAAAA,KAAC,CAAA,CACC,WAAA,CAAU,aAAA,CACV,SAAA,CAAWC,gCAAAA,0JACT,CACAH,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CAEJ,CAEA,SAASI,EAAAA,CAAU,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAgC,CACvE,OACEC,6BAAAA,KAAC,CAAA,CACC,WAAA,CAAU,YAAA,CACV,SAAA,CAAWC,gCAAAA,4BAAG,CAA8BH,CAAS,CAAA,CACpD,GAAGC,CAAAA,CACN,CAEJ,CAEA,SAASK,EAAAA,CAAgB,CAAE,SAAA,CAAAN,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAgC,CAC7E,OACEC,6BAAAA,KAAC,CAAA,CACC,WAAA,CAAU,kBAAA,CACV,SAAA,CAAWC,gCAAAA,+BAAG,CAAiCH,CAAS,CAAA,CACvD,GAAGC,CAAAA,CACN,CAEJ,CAeA,SAASM,EAAAA,CAAY,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAgC,CACzE,OACEC,6BAAAA,KAAC,CAAA,CACC,WAAA,CAAU,cAAA,CACV,SAAA,CAAWC,gCAAAA,MAAG,CAAQH,CAAS,CAAA,CAC9B,GAAGC,CAAAA,CACN,CAEJ,CCvEA,qCAC0C,2CAChB,SAIjBO,EAAAA,CAAS,CAChB,SAAA,CAAAR,CAAAA,CACA,kBAAA,CAAAS,CAAAA,CACA,GAAGR,CACL,CAAA,CAEG,CACD,OACEC,6BAAAA,kBAACQ,CAAA,CACC,WAAA,CAAU,WAAA,CACV,kBAAA,CAAoBP,gCAAAA,iDAClB,CACAM,CACF,CAAA,CACA,SAAA,CAAWN,gCAAAA,6BAAG,CAA+BH,CAAS,CAAA,CACrD,GAAGC,CAAAA,CACN,CAEJ,CAEA,SAASU,EAAAA,CAAc,CAAE,SAAA,CAAAX,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAgC,CAC3E,OACEC,6BAAAA,KAAC,CAAA,CACC,WAAA,CAAU,iBAAA,CACV,SAAA,CAAWC,gCAAAA,mBAAG,CAAqBH,CAAS,CAAA,CAC3C,GAAGC,CAAAA,CACN,CAEJ,CAEA,SAASW,EAAAA,CAAa,CACpB,KAAA,CAAAC,CAAAA,CACA,SAAA,CAAAb,CAAAA,CACA,GAAGC,CACL,CAAA,CAEG,CACD,IAAMa,CAAAA,CAAwB,EAAA,CAAA,UAAA,CAAWC,yBAAe,CAAA,CAClD,CAAE,IAAA,CAAAC,CAAAA,CAAM,YAAA,CAAAC,CAAAA,CAAc,QAAA,CAAAC,CAAS,CAAA,kCAAIJ,CAAAA,6BAAiB,KAAA,qBAAMD,CAAK,GAAA,SAAK,CAAC,GAAA,CAE3E,OACEM,8BAAAA,KAAC,CAAA,CACC,WAAA,CAAU,gBAAA,CACV,aAAA,CAAaD,CAAAA,CACb,SAAA,CAAWf,gCAAAA,0fACT,CACAH,CACF,CAAA,CACC,GAAGC,CAAAA,CAEH,QAAA,CAAA,CAAAe,CAAAA,CACAC,CAAAA,EACCf,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,uEAAA,CACb,QAAA,CAAAA,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,0DAAA,CAA2D,CAAA,CAC5E,CAAA,CAAA,CAEJ,CAEJ,CAEA,SAASkB,EAAAA,CAAkB,CAAE,GAAGnB,CAAM,CAAA,CAAgC,CACpE,OACEC,6BAAAA,KAAC,CAAA,CAAI,WAAA,CAAU,qBAAA,CAAsB,IAAA,CAAK,WAAA,CAAa,GAAGD,CAAAA,CACxD,QAAA,CAAAC,6BAAAA,sBAACmB,CAAA,CAAA,CAAU,CAAA,CACb,CAEJ,CFzCA,SG/BgBC,EAAAA,CAAAA,CAAmB,CACjC,OACEH,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,yBAAA,CACb,QAAA,CAAA,CAAAjB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,wEAAA,CAAyE,CAAA,CACxFA,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,yEAAA,CAA0E,CAAA,CACzFA,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,gDAAA,CAAiD,CAAA,CAAA,CAClE,CAEJ,CAEA,IAAOqB,CAAAA,CAAQD,EAAAA,CCRf,IAAME,EAAAA,CAAmB,YAAA,CACnBC,EAAAA,CAAyB,cAAA,CACzBC,EAAAA,CAAqB,aAAA,CAEpB,SAASC,EAAAA,CAAuBC,CAAAA,CAA+B,CACpE,IAAMC,CAAAA,CAAM,IAAI,eAAA,CAAgBD,CAAM,CAAA,CAAE,GAAA,CAAIJ,EAAgB,CAAA,CAC5D,OAAKK,CAAAA,CACEC,EAAAA,CAAkBD,CAAG,CAAA,CADX,IAEnB,CAEO,SAASE,EAAAA,CAAiBC,CAAAA,CAAgC,CAC3D,OAAO,MAAA,CAAW,GAAA,EAAA,CAClBA,CAAAA,CACF,MAAA,CAAO,cAAA,CAAe,OAAA,CAAQP,EAAAA,CAAwBO,CAAS,CAAA,CAE/D,MAAA,CAAO,cAAA,CAAe,UAAA,CAAWP,EAAsB,CAAA,CAE3D,CAEO,SAASQ,EAAAA,CAAAA,CAAwC,CACtD,EAAA,CAAI,OAAO,MAAA,CAAW,GAAA,CAAa,OAAO,IAAA,CAC1C,IAAMC,CAAAA,CAAS,MAAA,CAAO,cAAA,CAAe,OAAA,CAAQT,EAAsB,CAAA,CACnE,OAAKS,CAAAA,CACEJ,EAAAA,CAAkBI,CAAM,CAAA,CADX,IAEtB,CAEA,SAASC,EAAAA,CAAgBC,CAAAA,CAAgBC,CAAAA,CAAmC,CAC1E,OAAOA,CAAAA,CAAe,IAAA,CAAMC,CAAAA,EAAY,CACtC,EAAA,CAAIF,CAAAA,GAAWE,CAAAA,CAAS,MAAO,CAAA,CAAA,CAC/B,IAAMC,CAAAA,CAAc,IAAI,GAAA,CAAID,CAAO,CAAA,CAAE,QAAA,CAC/BE,CAAAA,CAAa,IAAI,GAAA,CAAIJ,CAAM,CAAA,CAAE,QAAA,CACnC,OAAOI,CAAAA,CAAW,QAAA,CAAS,CAAA,CAAA,EAAID,CAAW,CAAA,CAAA;ACyB9B,QAAA;ACsQC,YAAA","file":"/home/emems/.t3/worktrees/bitsnap-react/dx/dist/chunk-2OOQPXCQ.js","sourcesContent":[null,"import { useAutoAnimate } from \"@formkit/auto-animate/react\";\nimport {\n  useEffect,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FormEvent,\n} from \"react\";\nimport {\n  InstrumentProvider,\n  useInstrument,\n  useInstrumentContext,\n  type AnalyticsOption,\n} from \"../../analytics/instrument\";\nimport { cn } from \"../../lib/utils\";\nimport { rpcProvider, useMutation } from \"../../rpc-provider\";\nimport { Button } from \"../../ui/button\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"../../ui/card\";\nimport { Input } from \"../../ui/input\";\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSeparator,\n  InputOTPSlot,\n} from \"../../ui/input-otp\";\nimport { REGEXP_ONLY_DIGITS } from \"input-otp\";\nimport { Label } from \"../../ui/label\";\nimport LoadingIndicator from \"../LoadingIndicator\";\nimport {\n  getAllowedReturnOrigins,\n  setAllowedReturnOrigins,\n} from \"../config\";\nimport { usePanelConfig } from \"../PanelProvider\";\nimport {\n  buildAccessTokenRedirect,\n  getReturnURLFromSearch,\n  persistReturnURL,\n  readPersistedReturnURL,\n} from \"../return-url\";\nimport { getPanelSession, savePanelSession } from \"../session-storage\";\n\ntype LoginResponseStatus = \"success\" | \"error\" | \"default\";\n\nif (typeof window !== \"undefined\") {\n  const currentOrigin = window.location.origin;\n  const knownSiblings = [\n    currentOrigin,\n    \"https://bitsnap.pl\",\n    \"https://kursy.bitsnap.pl\",\n  ];\n  if (getAllowedReturnOrigins().length === 0) {\n    setAllowedReturnOrigins(Array.from(new Set(knownSiblings)));\n  }\n}\n\ninterface LoginUserPanelProps {\n  projectID?: string;\n  host?: string;\n  reveal: () => void;\n  email: string;\n  setEmail: (input: string) => void;\n  loginUser: () => void;\n  isLoginLoading: boolean;\n  errMsg: string;\n}\n\ninterface VerifyCodePanelProps {\n  projectID?: string;\n  host?: string;\n  email: string;\n  reveal: () => void;\n  setEmail: (input: string) => void;\n  loginUser: () => void;\n  isLoginLoading: boolean;\n  loginUserResponse: {\n    status: \"error\" | \"ok\";\n    retryIn: number;\n    message?: string | undefined;\n  } | null;\n  setLoginUserResponse: (\n    response: {\n      status: \"error\" | \"ok\";\n      retryIn: number;\n      message?: string | undefined;\n    } | null,\n  ) => void;\n  responseStatus: LoginResponseStatus;\n  setResponseStatus: (status: LoginResponseStatus) => void;\n  errMsg: string;\n}\n\nconst LoginUserPanel = ({\n  projectID,\n  host,\n  reveal,\n  email,\n  setEmail,\n  loginUser,\n  isLoginLoading,\n  errMsg,\n}: LoginUserPanelProps) => {\n  const { projectID: configuredProjectID, host: configuredHost } = usePanelConfig();\n  if (\n    typeof window !== \"undefined\" &&\n    getPanelSession(projectID ?? configuredProjectID, host ?? configuredHost) != null\n  ) {\n    // @ts-ignore\n    window.location.href = window.location.href.replaceAll(\"login\", \"\");\n    return null;\n  }\n\n  const [isValidEmail, setIsValidEmail] = useState<boolean>(false);\n\n  const emailValidation = (input: string) => {\n    const emailPattern =\n      /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\n    if (emailPattern.test(input.trim())) {\n      return setIsValidEmail(true);\n    }\n\n    return setIsValidEmail(false);\n  };\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const { value } = e.target;\n    emailValidation(value);\n    setEmail(value);\n  };\n\n  function goToVerifyCode() {\n    reveal();\n  }\n\n  function onSubmit(e: FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    void loginUser();\n  }\n\n  return (\n    <main className=\"mx-auto flex max-w-sm flex-1 flex-col justify-center space-y-12\">\n      <div className={cn(\"flex min-w-sm flex-col gap-6\")}>\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-2xl\">Zaloguj się</CardTitle>\n            <CardDescription>\n              Wyślemy do Ciebie kod na maila, dzięki któremu się zalogujesz.\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <form onSubmit={onSubmit}>\n              <div className=\"flex flex-col gap-6\">\n                <div className=\"grid gap-2\">\n                  <Label htmlFor=\"email\">Email</Label>\n                  <Input\n                    id=\"email\"\n                    onChange={handleInputChange}\n                    type=\"email\"\n                    placeholder=\"m@example.com\"\n                    required\n                  />\n                  <span\n                    className={cn(\n                      !isValidEmail && email.length > 0\n                        ? \"font-bold text-red-500\"\n                        : \"text-neutral-700 dark:text-neutral-400\",\n                      \"text-xs\",\n                    )}\n                  >\n                    {!isValidEmail && email.length > 0\n                      ? \"Nieprawidłowy adres email\"\n                      : \"Wpisz swój adres email\"}\n                  </span>\n                </div>\n\n                <div>\n                  <Button\n                    type=\"submit\"\n                    disabled={isLoginLoading}\n                    className=\"relative w-full\"\n                    onClick={loginUser}\n                  >\n                    {isLoginLoading && (\n                      <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\">\n                        <LoadingIndicator />\n                      </div>\n                    )}\n                    Zaloguj się\n                  </Button>\n                  {errMsg.length > 0 && (\n                    <p className=\"text-xs font-medium text-red-500\">{errMsg}</p>\n                  )}\n                </div>\n              </div>\n              <div className=\"mt-4 text-center text-sm\">\n                Masz już kod?{\" \"}\n                <button\n                  type=\"button\"\n                  onClick={goToVerifyCode}\n                  className=\"underline underline-offset-4\"\n                >\n                  Mam już kod\n                </button>\n              </div>\n            </form>\n          </CardContent>\n        </Card>\n      </div>\n    </main>\n  );\n};\n\nconst VerifyCodePanel = ({\n  projectID,\n  host,\n  email,\n  reveal,\n  setEmail,\n  isLoginLoading,\n  loginUserResponse,\n  setLoginUserResponse,\n  setResponseStatus,\n  errMsg,\n}: VerifyCodePanelProps) => {\n  const instrument = useInstrumentContext();\n  const { mutateAsync: verifyCodeAsync, isPending: isVerifyLoading } =\n    useMutation(rpcProvider.publicApi.userPanelLoginWithCode);\n\n  const [code, setCode] = useState<string>(\"\");\n  const [isValidCode, setIsValidCode] = useState<boolean>(false);\n  const [isSubmitted, setIsSubmitted] = useState<boolean>(false);\n  const [retryIn, setRetryIn] = useState(0);\n\n  const codeValidation = (input: string) => {\n    const codePattern = /^\\d+$/;\n\n    if (codePattern.test(input.trim())) {\n      return setIsValidCode(true);\n    }\n\n    return setIsValidCode(false);\n  };\n\n  const handleInputChange = (value: string) => {\n    codeValidation(value);\n    setCode(value);\n  };\n\n  async function login() {\n    setIsSubmitted(true);\n    if (code.length == 0) {\n      setIsValidCode(false);\n      return;\n    }\n    const codeValue = parseInt(code);\n\n    const verifyCodeResult = await verifyCodeAsync({\n      code: codeValue,\n    });\n\n    let status, message, accessToken;\n\n    if (verifyCodeResult.result.case === \"accessToken\") {\n      setIsValidCode(true);\n      status = \"ok\";\n      message = undefined;\n      accessToken = verifyCodeResult.result.value;\n    } else {\n      setIsValidCode(false);\n      status = \"error\";\n      message = verifyCodeResult.result.value;\n      accessToken = undefined;\n    }\n\n    if (status === \"error\") {\n      setIsValidCode(false);\n      console.warn(\"error:\", `Kod błędu: ${message}`);\n      console.warn(\"Nieprawidłowy kod, spróbuj ponownie.\");\n    }\n\n    if (status === \"ok\") {\n      instrument.track(\"panel_login\", {});\n      if (accessToken) {\n        savePanelSession(projectID, accessToken, email, host);\n      }\n      const returnURL = typeof window !== \"undefined\"\n        ? readPersistedReturnURL()\n        : null;\n      setTimeout(() => {\n        if (accessToken && returnURL) {\n          window.location.href = buildAccessTokenRedirect(returnURL, accessToken);\n          return;\n        }\n        window.location.reload();\n      }, 100);\n    }\n  }\n\n  function handleRetryInTime() {\n    const intervalId = setInterval(() => {\n      setRetryIn((prevRetryIn) => {\n        if (prevRetryIn > 0) {\n          return prevRetryIn - 1;\n        } else {\n          clearInterval(intervalId);\n          return 0;\n        }\n      });\n    }, 1000);\n\n    return () => {\n      clearInterval(intervalId);\n    };\n  }\n\n  useEffect(() => {\n    if (loginUserResponse?.status === \"ok\" && loginUserResponse?.retryIn > 0) {\n      setRetryIn(loginUserResponse.retryIn);\n      handleRetryInTime();\n    }\n  }, [loginUserResponse]);\n\n  function backToLoginComponent() {\n    setEmail(\"\");\n    setLoginUserResponse(null);\n    setResponseStatus(\"default\");\n    reveal();\n  }\n\n  function onCodeSubmit(e: FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    void login();\n  }\n\n  return (\n    <main className=\"mx-auto flex max-w-md flex-1 flex-col justify-center space-y-8\">\n      <div className={cn(\"flex min-w-sm flex-col gap-6\")}>\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-2xl\">Wpisz kod z maila</CardTitle>\n            <CardDescription>\n              Sprawdź czy przypadkiem nie wylądował w spamie.\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <form onSubmit={onCodeSubmit} className=\"flex flex-col gap-6\">\n              <div className=\"grid gap-2\">\n                <div className=\"my-5 flex w-full items-center justify-center\">\n                  <div className=\"flex flex-col gap-2\">\n                    <InputOTP\n                      id=\"verify-code\"\n                      maxLength={6}\n                      pattern={REGEXP_ONLY_DIGITS}\n                      onChange={(newValue) => {\n                        handleInputChange(newValue);\n                      }}\n                    >\n                      <InputOTPGroup>\n                        <InputOTPSlot index={0} />\n                        <InputOTPSlot index={1} />\n                        <InputOTPSlot index={2} />\n                      </InputOTPGroup>\n                      <InputOTPSeparator />\n                      <InputOTPGroup>\n                        <InputOTPSlot index={3} />\n                        <InputOTPSlot index={4} />\n                        <InputOTPSlot index={5} />\n                      </InputOTPGroup>\n                    </InputOTP>\n                    <span\n                      className={cn(\n                        !isValidCode && isSubmitted\n                          ? \"text-red-500\"\n                          : \"text-neutral-700 dark:text-neutral-400\",\n                        \"text-xs\",\n                      )}\n                    >\n                      {!isValidCode && isSubmitted\n                        ? code.length == 0\n                          ? \"Kod nie może być pusty\"\n                          : \"Kod musi składać się z cyfr\"\n                        : \"Wpisz kod z maila\"}\n                    </span>\n                  </div>\n                </div>\n              </div>\n\n              <div>\n                <Button\n                  type=\"submit\"\n                  disabled={isLoginLoading || isVerifyLoading}\n                  className=\"relative w-full\"\n                >\n                  {(isLoginLoading || isVerifyLoading) && (\n                    <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\">\n                      <LoadingIndicator />\n                    </div>\n                  )}\n                  Zaloguj się\n                </Button>\n                {errMsg.length > 0 && (\n                  <p className=\"text-xs font-medium text-red-500\">{errMsg}</p>\n                )}\n              </div>\n            </form>\n            <div className=\"mt-4 text-center text-sm\">\n              Nie masz kodu?{\" \"}\n              <button\n                type=\"button\"\n                onClick={backToLoginComponent}\n                className=\"underline underline-offset-4\"\n              >\n                Wróć\n              </button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </main>\n  );\n};\n\nconst PanelLoginComponentWrapper = ({\n  analytics,\n}: {\n  analytics?: AnalyticsOption;\n}) => {\n  const { theme, allowedReturnOrigins, projectID, host } = usePanelConfig();\n  const instrument = useInstrument(projectID, analytics, \"panel\");\n\n  const styles = {\n    \"--button-background-color\": theme?.colors?.brand ?? \"#FFFFFF\",\n    \"--button-background-color-dark\": theme?.colors?.brandDark ?? \"#000000\",\n    \"--button-text-color\": theme?.colors?.brandDark ?? \"#000000\",\n    \"--button-text-color-dark\": theme?.colors?.brand ?? \"#FFFFFF\",\n  } as CSSProperties;\n\n  type Screen = \"login\" | \"verifyCode\";\n\n  const [activeScreen, setActiveScreen] = useState<Screen>(\"login\");\n  const [parent] = useAutoAnimate({\n    duration: 300,\n    easing: \"ease-in-out\",\n    disrespectUserMotionPreference: false,\n  });\n\n  const reveal = () =>\n    setActiveScreen((prevScreen) =>\n      prevScreen === \"login\" ? \"verifyCode\" : \"login\",\n    );\n\n  const [email, setEmail] = useState<string>(\"\");\n  const [responseStatus, setResponseStatus] =\n    useState<LoginResponseStatus>(\"default\");\n  const [loginUserResponse, setLoginUserResponse] = useState<{\n    status: \"error\" | \"ok\";\n    retryIn: number;\n    message?: string | undefined;\n  } | null>(null);\n  const { mutateAsync: loginUserAsync, isPending: isLoginLoading } =\n    useMutation(rpcProvider.publicApi.userPanelLogin);\n\n  const [errMsg, setErrMsg] = useState(\"\");\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    if (window.parent !== window) return;\n\n    const queryReturnURL = getReturnURLFromSearch(window.location.search);\n    if (queryReturnURL) {\n      persistReturnURL(queryReturnURL);\n    }\n\n    const returnURL = queryReturnURL ?? readPersistedReturnURL();\n    if (!returnURL) return;\n\n    const existingToken = getPanelSession(projectID, host);\n    if (!existingToken) return;\n\n    window.location.href = buildAccessTokenRedirect(returnURL, existingToken);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [allowedReturnOrigins, projectID, host]);\n\n  async function loginUser() {\n    setErrMsg(\"\");\n    setResponseStatus(\"default\");\n    const loginUserResult = await loginUserAsync({\n      email: email,\n    });\n\n    const status = loginUserResult.result.case === \"success\" ? \"ok\" : \"error\";\n    let retryIn = 0;\n    let message = undefined;\n\n    if (loginUserResult.result.case === \"success\") {\n      retryIn = loginUserResult.result.value.retryIn;\n    }\n\n    if (status === \"error\") {\n      message = \"Nieprawidłowy adres email, spróbuj ponownie.\";\n    }\n\n    setLoginUserResponse({\n      status: status,\n      retryIn: retryIn,\n      message: message,\n    });\n\n    if (status === \"ok\" && activeScreen === \"login\") {\n      reveal();\n    } else if (status === \"ok\" && activeScreen === \"verifyCode\") {\n      setResponseStatus(\"success\");\n    } else if (status === \"error\") {\n      setErrMsg(message ?? \"Nieprawidłowy adres email, spróbuj ponownie.\");\n    }\n  }\n\n  return (\n    <InstrumentProvider value={instrument}>\n    <div className=\"bg-white text-black dark:bg-black dark:text-white\">\n      <div\n        className=\"font-inter flex h-screen w-screen flex-col p-4\"\n        style={styles}\n        ref={parent}\n      >\n        <header>\n          {theme?.logoDarkURL && (\n            <img\n              src={theme?.logoDarkURL}\n              className=\"hidden dark:inline\"\n              alt=\"Company Logo\"\n              draggable={false}\n            />\n          )}\n          {theme?.logoURL && (\n            <img\n              src={theme?.logoURL}\n              className=\"dark:hidden\"\n              alt=\"Company Logo\"\n              draggable={false}\n            />\n          )}\n        </header>\n        {activeScreen === \"login\" && (\n          <LoginUserPanel\n            projectID={projectID}\n            host={host}\n            reveal={reveal}\n            email={email}\n            setEmail={setEmail}\n            loginUser={loginUser}\n            isLoginLoading={isLoginLoading}\n            errMsg={errMsg}\n          />\n        )}\n        {activeScreen === \"verifyCode\" && (\n          <VerifyCodePanel\n            projectID={projectID}\n            host={host}\n            email={email}\n            reveal={reveal}\n            setEmail={setEmail}\n            loginUser={loginUser}\n            isLoginLoading={isLoginLoading}\n            loginUserResponse={loginUserResponse}\n            setLoginUserResponse={setLoginUserResponse}\n            responseStatus={responseStatus}\n            setResponseStatus={setResponseStatus}\n            errMsg={errMsg}\n          />\n        )}\n      </div>\n    </div>\n    </InstrumentProvider>\n  );\n};\n\nexport const PanelLogin = ({\n  analytics,\n}: { analytics?: AnalyticsOption } = {}) => {\n  return <PanelLoginComponentWrapper analytics={analytics} />;\n};\n","import * as React from \"react\"\n\nimport { cn } from \"@/src/lib/utils\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n","import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport { MinusIcon } from \"lucide-react\"\n\nimport { cn } from \"@/src/lib/utils\"\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"flex items-center gap-2 has-disabled:opacity-50\",\n        containerClassName\n      )}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n","export function LoadingIndicator() {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <div className=\"h-3 w-3 animate-bounce rounded-full bg-current [animation-delay:-0.3s]\" />\n      <div className=\"h-3 w-3 animate-bounce rounded-full bg-current [animation-delay:-0.15s]\" />\n      <div className=\"h-3 w-3 animate-bounce rounded-full bg-current\" />\n    </div>\n  );\n}\n\nexport default LoadingIndicator;\n","import { getAllowedReturnOrigins } from \"./config\";\n\nconst RETURN_URL_PARAM = \"return_url\";\nconst RETURN_URL_STORAGE_KEY = \"__return_url\";\nconst ACCESS_TOKEN_PARAM = \"accessToken\";\n\nexport function getReturnURLFromSearch(search: string): string | null {\n  const raw = new URLSearchParams(search).get(RETURN_URL_PARAM);\n  if (!raw) return null;\n  return validateReturnURL(raw);\n}\n\nexport function persistReturnURL(returnURL: string | null): void {\n  if (typeof window === \"undefined\") return;\n  if (returnURL) {\n    window.sessionStorage.setItem(RETURN_URL_STORAGE_KEY, returnURL);\n  } else {\n    window.sessionStorage.removeItem(RETURN_URL_STORAGE_KEY);\n  }\n}\n\nexport function readPersistedReturnURL(): string | null {\n  if (typeof window === \"undefined\") return null;\n  const stored = window.sessionStorage.getItem(RETURN_URL_STORAGE_KEY);\n  if (!stored) return null;\n  return validateReturnURL(stored);\n}\n\nfunction isOriginAllowed(origin: string, allowedOrigins: string[]): boolean {\n  return allowedOrigins.some((allowed) => {\n    if (origin === allowed) return true;\n    const allowedHost = new URL(allowed).hostname;\n    const originHost = new URL(origin).hostname;\n    return originHost.endsWith(`.${allowedHost}`) || originHost === allowedHost;\n  });\n}\n\nfunction validateReturnURL(raw: string): string | null {\n  try {\n    const u = new URL(raw);\n    if (u.protocol !== \"https:\" && u.protocol !== \"http:\") return null;\n    if (!isOriginAllowed(u.origin, getAllowedReturnOrigins())) return null;\n    return u.toString();\n  } catch {\n    return null;\n  }\n}\n\nexport function buildAccessTokenRedirect(\n  returnURL: string,\n  accessToken: string,\n): string {\n  const u = new URL(returnURL);\n  u.searchParams.set(ACCESS_TOKEN_PARAM, accessToken);\n  return u.toString();\n}\n","const URL_REGEX =\n  /https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)/g;\n\ntype Replacements = {\n  url: string;\n  startIndex: number;\n  endIndex: number;\n  replacementText?: string;\n};\n\nconst findURLIndices = (text: string) => {\n  const matches = [...text.matchAll(URL_REGEX)];\n  return matches.map(\n    (match) =>\n      ({\n        url: match[0],\n        startIndex: match.index,\n        endIndex: match.index + match[0].length - 1,\n      }) as Replacements,\n  );\n};\n\nconst replaceTextByIndices = (\n  originalText: string,\n  replacements: Replacements[],\n) => {\n  let result = \"\";\n  let lastIndex = 0;\n\n  // Sort replacements by startIndex to handle them in order\n  replacements.sort((a, b) => a.startIndex - b.startIndex);\n\n  for (const { startIndex, endIndex, replacementText } of replacements) {\n    // Append text before the current replacement\n    result += originalText.slice(lastIndex, startIndex);\n    // Append the replacement text\n    result += replacementText;\n    // Update lastIndex to after the replaced segment\n    lastIndex = endIndex + 1;\n  }\n\n  // Append any remaining text after the last replacement\n  result += originalText.slice(lastIndex);\n\n  return result;\n};\n\nexport const renderText = (txt: string) => {\n  const urlIndices = findURLIndices(txt);\n\n  return (\n    <p\n      dangerouslySetInnerHTML={{\n        __html: replaceTextByIndices(\n          txt,\n          urlIndices.map((el) => {\n            el[\"replacementText\"] =\n              `<a key=${el.url} href=${el.url} style=\"text-decoration: underline;\" target=\"_blank\">\n        ${el.url}\n        </a>`;\n            return el;\n          }),\n        ),\n      }}\n    ></p>\n  );\n};\n","import Hls from \"hls.js\";\nimport { Pause, Play } from \"lucide-react\";\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\";\nimport { Button } from \"../../ui/button\";\nimport LoadingIndicator from \"../LoadingIndicator\";\nimport {\n  mediaSessionPause,\n  mediaSessionPlay,\n  mediaSessionUpdateDurationAndPosition,\n  startMediaSessionCoordinator,\n  stopMediaSessionCoordinator,\n} from \"./media.session.coordinator\";\n\nimport \"./audio-player.css\";\n\ntype ChapterWithPublicUrl = {\n  id: string;\n  multimediaId?: string;\n  name: string;\n  description?: string;\n  publicUrl: string;\n  downloadableUrl?: string;\n  duration?: number;\n};\n\nexport type AudioPlayerMethods = {\n  selectChapter: (chapter: ChapterWithPublicUrl) => void;\n};\n\ntype AudioPlayerProps = {\n  chapters: ChapterWithPublicUrl[];\n  styles: CSSProperties;\n  updateCurrentTime?: (currentTime: number) => void;\n\n  title?: string;\n  imageURL?: string;\n\n  setCurrentTimeHandler?: (seekTo: (second: number) => void) => void;\n  uniqueProductID: string;\n\n  onChapterChange?: (chapter: ChapterWithPublicUrl) => void;\n};\n\nconst AudioPlayer = forwardRef<AudioPlayerMethods, AudioPlayerProps>(\n  (\n    {\n      chapters,\n      styles,\n      updateCurrentTime,\n      setCurrentTimeHandler,\n      title,\n      imageURL,\n      uniqueProductID,\n      onChapterChange,\n    },\n    ref,\n  ) => {\n    enum PlayState {\n      Playing,\n      Paused,\n    }\n\n    const [playState, setPlayState] = useState<PlayState>(PlayState.Paused);\n\n    useEffect(() => {\n      switch (playState) {\n        case PlayState.Playing:\n          mediaSessionPlay();\n          break;\n        case PlayState.Paused:\n          mediaSessionPause();\n          break;\n      }\n    }, [playState]);\n\n    useImperativeHandle(ref, () => {\n      return {\n        selectChapter: (chapter: ChapterWithPublicUrl) => {\n          playChapter(chapter);\n        },\n      };\n    });\n\n    const [currentTime, setCurrentTime] = useState<number | undefined>(\n      undefined,\n    );\n    const [duration, setDuration] = useState<number | undefined>(undefined);\n\n    const videoRef = useRef<HTMLVideoElement | null>(null);\n    const hlsRef = useRef<Hls | undefined>(undefined);\n    const timerRef = useRef<number | undefined>(undefined);\n\n    const audioPlayerContainerRef = useRef<HTMLDivElement>(null!);\n\n    const currentChapterRef = useRef<ChapterWithPublicUrl | null>(null);\n\n    const [playWhenReady, setPlayWhenReady] = useState(true);\n    const [isStarted, setIsStarted] = useState(false);\n    const [isLoading, setIsLoading] = useState(!isSafari());\n\n    function saveLastPlayedTime(timeInSeconds: number) {\n      if (timeInSeconds < 10) {\n        return;\n      }\n      localStorage.setItem(\n        `__player__${uniqueProductID}_${currentChapterRef.current?.id}`,\n        `${timeInSeconds}`,\n      );\n    }\n\n    function getLastPlayedTime(): number | undefined {\n      const time = localStorage.getItem(\n        `__player__${uniqueProductID}_${currentChapterRef.current?.id}`,\n      );\n\n      if (time == null) {\n        return undefined;\n      }\n      try {\n        const result = parseInt(time);\n\n        if (isNaN(result) || result < 0) {\n          return undefined;\n        }\n\n        return result;\n      } catch (e) {\n        return undefined;\n      }\n    }\n\n    function getLastSelectedChapterID(): string | undefined {\n      const lastSelectedChapterID = localStorage.getItem(\n        `__player__${uniqueProductID}_last_chapter`,\n      );\n      if (lastSelectedChapterID == null) {\n        return undefined;\n      }\n      return lastSelectedChapterID;\n    }\n\n    function setLastSelectedChapterID(chapterID: string) {\n      localStorage.setItem(\n        `__player__${uniqueProductID}_last_chapter`,\n        chapterID,\n      );\n    }\n\n    function deleteMemoryChapter(chapterID: string) {\n      localStorage.removeItem(`__player__${uniqueProductID}_${chapterID}`);\n    }\n\n    function setupObservers() {\n      if (videoRef.current == null) {\n        return;\n      }\n      videoRef.current.onloadeddata = () => {\n        if (videoRef.current == null) {\n          return;\n        }\n        if (videoRef.current.readyState < 2) {\n          setIsLoading(true);\n        }\n        if (videoRef.current.readyState >= 2) {\n          setIsLoading(false);\n        }\n\n        if (!isStarted) {\n          const lastPlayedTime = getLastPlayedTime();\n          if (lastPlayedTime != undefined) {\n            seekTo(lastPlayedTime);\n          }\n          setIsStarted(true);\n        }\n        if (playWhenReady) {\n          setPlayWhenReady(false);\n          try {\n            play();\n          } catch (e) {\n            console.log(\"play error\", e);\n          }\n        }\n      };\n      videoRef.current.onplay = () => {};\n\n      videoRef.current.onseeked = () => {};\n      videoRef.current.onseeking = () => {};\n\n      videoRef.current.onpause = () => {};\n\n      videoRef.current.onended = () => {\n        playNextChapter();\n      };\n\n      startMediaSessionCoordinator({\n        title: title ?? \"\",\n        artwork: imageURL,\n        action: (details) => {\n          switch (details.action) {\n            case \"play\":\n              play();\n              break;\n            case \"pause\":\n              pause();\n              break;\n            case \"seekbackward\":\n              seekBy(-15);\n              break;\n            case \"seekforward\":\n              seekBy(15);\n              break;\n            case \"seekto\":\n              if (details.seekTime) {\n                seekTo(details.seekTime);\n              }\n              break;\n            case \"stop\":\n              pause();\n              break;\n            default:\n              break;\n          }\n        },\n      });\n\n      startTimer();\n    }\n\n    function playNextChapter() {\n      if (chapters == null || chapters.length == 0) {\n        return;\n      }\n      const currentChapterIndex = chapters.findIndex(\n        (chapter) => chapter.id == currentChapterRef.current?.id,\n      );\n      if (currentChapterIndex == -1) {\n        return;\n      }\n      deleteMemoryChapter(chapters[currentChapterIndex].id);\n      const nextChapterIndex = currentChapterIndex + 1;\n      if (nextChapterIndex >= chapters.length) {\n        return;\n      }\n      playChapter(chapters[currentChapterIndex + 1]);\n    }\n\n    function startTimer() {\n      updatePlayerDetails();\n      if (timerRef.current != null) return;\n\n      timerRef.current = setTimeout(() => {\n        updatePlayerDetails();\n        timerRef.current = undefined;\n        startTimer();\n      }, 500) as unknown as number;\n    }\n\n    function stopTimer() {\n      if (timerRef.current == null) return;\n      clearTimeout(timerRef.current as unknown as number);\n    }\n\n    function updatePlayerDetails() {\n      if (videoRef.current == null) {\n        return;\n      }\n      setPlayState(\n        videoRef.current.paused ? PlayState.Paused : PlayState.Playing,\n      );\n      setDuration(videoRef.current.duration);\n      setCurrentTime(videoRef.current.currentTime);\n      saveLastPlayedTime(videoRef.current.currentTime);\n      mediaSessionUpdateDurationAndPosition(\n        videoRef.current.duration,\n        videoRef.current.currentTime,\n      );\n      if (\n        videoRef.current.networkState === videoRef.current.NETWORK_LOADING &&\n        videoRef.current.readyState <= videoRef.current.HAVE_FUTURE_DATA\n      ) {\n        setIsLoading(true);\n      } else {\n        setIsLoading(false);\n      }\n      if (updateCurrentTime) {\n        updateCurrentTime(videoRef.current.currentTime);\n      }\n    }\n\n    function play() {\n      videoRef.current?.play().then().catch();\n      updatePlayerDetails();\n    }\n\n    function pause() {\n      videoRef.current?.pause();\n      updatePlayerDetails();\n    }\n\n    function togglePlayState() {\n      if (playState === PlayState.Playing) {\n        pause();\n        return;\n      }\n      play();\n    }\n\n    function seekBy(seconds: number) {\n      if (videoRef.current == null) {\n        return;\n      }\n      const newTime = videoRef.current.currentTime + seconds;\n      if (newTime < 0) {\n        videoRef.current.currentTime = 0;\n        return;\n      }\n      if (newTime > videoRef.current.duration) {\n        videoRef.current.currentTime = videoRef.current.duration;\n        return;\n      }\n      videoRef.current.currentTime += seconds;\n    }\n\n    function seekTo(toSecond: number) {\n      if (videoRef.current == null) {\n        return;\n      }\n      setCurrentTime(toSecond);\n      if (toSecond < 0) {\n        videoRef.current.currentTime = 0;\n        return;\n      }\n      if (toSecond > videoRef.current.duration) {\n        videoRef.current.currentTime = videoRef.current.duration;\n        return;\n      }\n      videoRef.current.currentTime = toSecond;\n    }\n\n    function destroyPlayer() {\n      if (videoRef.current == null) {\n        return;\n      }\n      videoRef.current.onplay = null;\n      videoRef.current.onseeked = null;\n      videoRef.current.onseeking = null;\n      videoRef.current.onpause = null;\n      videoRef.current.onended = null;\n      videoRef.current.src = \"\";\n      hlsRef.current?.destroy();\n    }\n\n    function loadChapters(chapters: ChapterWithPublicUrl[]) {\n      if (chapters.length == 0) {\n        return;\n      }\n\n      const chapterID = getLastSelectedChapterID();\n      if (chapterID == null) {\n        playChapter(chapters[0]);\n        return;\n      }\n\n      const chapter = chapters.find((chapter) => chapter.id == chapterID);\n      if (chapter == null) {\n        playChapter(chapters[0]);\n        return;\n      }\n\n      playChapter(chapter);\n    }\n\n    function playChapter(chapter: ChapterWithPublicUrl) {\n      setIsStarted(false);\n      setPlayWhenReady(true);\n      currentChapterRef.current = chapter;\n      playURL(chapter.publicUrl);\n      onChapterChange?.(chapter);\n      setLastSelectedChapterID(chapter.id);\n    }\n\n    function playURL(src: string) {\n      if (videoRef.current == null) {\n        return;\n      }\n      if (videoRef.current.canPlayType(\"application/vnd.apple.mpegurl\")) {\n        videoRef.current.src = src;\n      } else if (Hls.isSupported()) {\n        if (hlsRef.current == null) {\n          hlsRef.current = new Hls();\n          hlsRef.current?.attachMedia(videoRef.current);\n        }\n        hlsRef.current?.loadSource(src);\n      }\n    }\n\n    useEffect(() => {\n      if (videoRef.current == null) {\n        return;\n      }\n      setupObservers();\n      loadChapters(chapters);\n    }, [videoRef.current]);\n\n    useEffect(() => {\n      loadChapters(chapters);\n    }, [chapters]);\n\n    useEffect(() => {\n      if (setCurrentTimeHandler != null) {\n        setCurrentTimeHandler(seekTo);\n      }\n\n      return () => {\n        setCurrentTime(undefined);\n        videoRef.current?.pause();\n        destroyPlayer();\n        stopMediaSessionCoordinator();\n      };\n    }, []);\n\n    const calculateTime = (secs: number) => {\n      const hours = Math.floor(secs / 3600);\n      const minutes = Math.floor(secs / 60) % 60;\n      const seconds = Math.floor(secs % 60);\n      const returnedHours =\n        hours > 0 ? (hours < 10 ? `0${hours}:` : `${hours}:`) : \"\";\n      const returnedSeconds = seconds < 10 ? `0${seconds}` : `${seconds}`;\n      if (isNaN(seconds) || isNaN(minutes) || isNaN(hours)) {\n        return \"\";\n      }\n      return `${returnedHours}${minutes}:${returnedSeconds}`;\n    };\n\n    const showRangeProgress = (rangeInput: HTMLInputElement) => {\n      const barProgress =\n        (parseFloat(rangeInput.value) / parseFloat(rangeInput.max)) * 100;\n      audioPlayerContainerRef.current.style.setProperty(\n        \"--seek-before-width\",\n        barProgress + \"%\",\n      );\n\n      const selectedTime = (duration! * barProgress) / 100;\n      seekTo(selectedTime);\n    };\n\n    return (\n      <div\n        id=\"audio-player-container\"\n        className=\"flex flex-col\"\n        style={styles}\n        ref={audioPlayerContainerRef}\n      >\n        <video\n          ref={videoRef}\n          className=\"hidden\"\n          poster={imageURL}\n          title={title}\n        ></video>\n\n        <input\n          type=\"range\"\n          min=\"0\"\n          max={duration != undefined ? Math.floor(duration).toString() : 100}\n          value={currentTime ?? 0}\n          onChange={(e) => showRangeProgress(e.target as HTMLInputElement)}\n          className=\"w-full\"\n        />\n\n        <section className=\"flex w-full items-center justify-between text-sm font-medium\">\n          <span id=\"current-time\">{calculateTime(currentTime!)}</span>\n          <span id=\"duration\">{calculateTime(duration!)}</span>\n        </section>\n        <div className=\"mt-6 flex items-center justify-center gap-x-12\">\n          <Button\n            variant=\"outline\"\n            onClick={() => seekBy(-10)}\n            aria-label=\"Rewind 10 Seconds\"\n          >\n            -10\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={togglePlayState}\n            aria-label=\"Play Or Pause\"\n          >\n            {playState === PlayState.Paused && <Play className=\"h-5 w-5\" />}\n            {playState === PlayState.Playing && <Pause className=\"h-5 w-5\" />}\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={() => seekBy(10)}\n            aria-label=\"Fast Forward 10 Seconds\"\n          >\n            +10\n          </Button>\n        </div>\n        {isLoading && (\n          <div className=\"mt-2 flex w-full justify-center\">\n            <LoadingIndicator />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nfunction isSafari() {\n  return navigator.userAgent.toLowerCase().indexOf(\"safari/\") > -1;\n}\n\nexport default AudioPlayer;\n"]}

package/dist/{chunk-IP4OOWZ6.js → chunk-4MU2YAQT.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkKOYBZORLjs = require('./chunk-KOYBZORL.js');var _chunkM4KEUK6Ijs = require('./chunk-M4KEUK6I.js');var _chunkTSJCVFOXjs = require('./chunk-TSJCVFOX.js');var wt=["root","grid","card","cardLink","image","imagePlaceholder","body","name","description","price","comparePrice","badge","actions","addToCartButton","selectButton","message","pagination","paginationButton","pageIndicator","emptyState","error","retryButton","skeleton"],Et={fontFamily:"--bitsnap-products-font-family",fontSize:"--bitsnap-products-font-size",background:"--bitsnap-products-background",surface:"--bitsnap-products-surface",foreground:"--bitsnap-products-foreground",mutedForeground:"--bitsnap-products-muted-foreground",border:"--bitsnap-products-border",buttonBackground:"--bitsnap-products-button-background",buttonForeground:"--bitsnap-products-button-foreground",buttonHoverBackground:"--bitsnap-products-button-hover-background",hoverSurface:"--bitsnap-products-hover-surface",focusRing:"--bitsnap-products-focus-ring",error:"--bitsnap-products-error",badgeBackground:"--bitsnap-products-badge-background",badgeForeground:"--bitsnap-products-badge-foreground",radius:"--bitsnap-products-radius"},_t={light:{background:"#ffffff",surface:"#f9fafb",foreground:"#18181b",mutedForeground:"#71717a",border:"#e4e4e7",buttonBackground:"#18181b",buttonForeground:"#fafafa",buttonHoverBackground:"#000000",hoverSurface:"#f4f4f5",focusRing:"#71717a",error:"#dc2626",badgeBackground:"#f4f4f5",badgeForeground:"#3f3f46",radius:"8px"},dark:{background:"#18181b",surface:"#27272a",foreground:"#fafafa",mutedForeground:"#a1a1aa",border:"#3f3f46",buttonBackground:"#fafafa",buttonForeground:"#18181b",buttonHoverBackground:"#e4e4e7",hoverSurface:"#3f3f46",focusRing:"#a1a1aa",error:"#f87171",badgeBackground:"#3f3f46",badgeForeground:"#e4e4e7",radius:"8px"}},Dt=[];function pt(t){let e=_chunkKOYBZORLjs.a.call(void 0, t,{defaultTheme:"light",presets:_t,variables:Et,shadcnVariables:Dt});return{theme:e.theme,tokens:e.tokens,elements:e.elements,boundaryClassName:e.theme,boundaryStyle:e.boundaryStyle}}function q(t,e){return _chunkKOYBZORLjs.b.call(void 0, t.elements,e)}function mt(t,e){try{return new Intl.NumberFormat(t,{style:"currency",currency:e,currencyDisplay:"symbol"})}catch (e2){return}}function H(t,e,r=_chunkM4KEUK6Ijs.k){let o=t/100,n=_nullishCoalesce(mt(r,e), () => (mt(_chunkM4KEUK6Ijs.k,e)));return n!=null?n.format(o):`${o.toFixed(2)} ${e}`}var _react = require('react');var Ot=24,Nt=48,M=class extends Error{constructor(e,r){super(e),this.name="ProductListError",this.status=r}};function O(t){return t==null||!Number.isFinite(t)?Ot:Math.min(Nt,Math.max(1,Math.floor(t)))}function ft(t,e){return Math.max(1,Math.ceil(t/e))}function N(t){return t.replace(/\/+$/,"")}function Rt(t){let e=new URLSearchParams;e.set("limit",String(t.limit)),e.set("offset",String(t.offset)),t.locale&&e.set("locale",t.locale);let r=_optionalChain([t, 'access', _2 => _2.search, 'optionalAccess', _3 => _3.trim, 'call', _4 => _4()]);return r&&e.set("search",r),`${N(t.host)}/api/integrations/${encodeURIComponent(t.projectID)}/public-commerce/product-list?${e.toString()}`}function Bt(t){return typeof t=="object"&&t!=null&&Array.isArray(t.items)&&typeof t.totalCount=="number"}async function gt(t,e){let r=await fetch(_chunkM4KEUK6Ijs.c.call(void 0, Rt(t)),{method:"GET",credentials:"omit",headers:{Accept:"application/json"},signal:e});if(!r.ok)throw new M(`Could not load products (${r.status})`,r.status);let o=await r.json();if(!Bt(o))throw new M("Unexpected product list response");return o}function G(t){let{projectID:e,locale:r,search:o,initialData:n}=t,[s]=_react.useState.call(void 0, ()=>_chunkM4KEUK6Ijs.f),i=_nullishCoalesce(t.host, () => (s)),d=O(t.pageSize),c=JSON.stringify([e,i,_nullishCoalesce(r, () => (null)),_nullishCoalesce(_optionalChain([o, 'optionalAccess', _5 => _5.trim, 'call', _6 => _6()]), () => (null)),d]),[m,u]=_react.useState.call(void 0, {queryKey:c,page:1});m.queryKey!==c&&u({queryKey:c,page:1});let[b,v]=_react.useState.call(void 0, 0),[f,l]=_react.useState.call(void 0, ()=>({requestKey:n!=null?`${c}|1|0`:"",data:n,error:void 0})),g=_nullishCoalesce(_optionalChain([f, 'access', _7 => _7.data, 'optionalAccess', _8 => _8.totalCount]), () => (0)),P=ft(g,d),h=m.queryKey===c?m.page:1,k=g>0?Math.min(h,P):h,C=`${c}|${k}|${b}`,T=f.requestKey===C;_react.useEffect.call(void 0, ()=>{if(T)return;let y=new AbortController;return gt({projectID:e,host:i,locale:r,search:o,limit:d,offset:(k-1)*d},y.signal).then(x=>{y.signal.aborted||l({requestKey:C,data:x,error:void 0})},x=>{y.signal.aborted||l(E=>({requestKey:C,data:E.data,error:x instanceof Error?x:new Error(String(x))}))}),()=>y.abort()},[C,T]);let I=_react.useCallback.call(void 0, y=>{let x=Math.max(1,Math.floor(y));u({queryKey:c,page:g>0?Math.min(x,P):x})},[c,g,P]),A=_react.useCallback.call(void 0, ()=>v(y=>y+1),[]);return _react.useMemo.call(void 0, ()=>({products:_nullishCoalesce(_optionalChain([f, 'access', _9 => _9.data, 'optionalAccess', _10 => _10.items]), () => ([])),totalCount:g,page:k,pageCount:P,setPage:I,isLoading:!T,error:T?f.error:void 0,refetch:A}),[f,g,k,P,I,T,A])}function bt(t,e){if(t.projectID!=null&&t.projectID!==e.projectID)return{ok:!1,reason:`the page cart already belongs to project "${t.projectID}"`};let r=null,o=e.host?N(e.host):"",n=N(t.host);if(o&&o!==n){if(n!==N(t.defaultHost))return{ok:!1,reason:`the page cart already uses the host "${t.host}"`};r=o}return{ok:!0,setProjectID:t.projectID==null?e.projectID:null,setHost:r}}function Q(t,e){let r=e.cartItemId!=null&&e.cartItemId!==e.id?e.cartItemId:null;t.track("add_to_cart",{qty:1,value_minor:e.price,currency:e.currency},{product_id:e.id,variant_id:r})}async function yt(t,e){let[{Bitsnap:r},{getProjectID:o,setProjectID:n}]=await Promise.all([Promise.resolve().then(() => _interopRequireWildcard(require("./methods-ADH5XI4I.js"))),Promise.resolve().then(() => _interopRequireWildcard(require("./CartProvider-F7ER3WSS.js")))]),s=bt({projectID:o(),host:_chunkM4KEUK6Ijs.f,defaultHost:_chunkM4KEUK6Ijs.e},e);if(!s.ok)return Ut(s.reason);if(s.setProjectID!=null&&n(s.setProjectID),s.setHost!=null&&_chunkM4KEUK6Ijs.g.call(void 0, s.setHost),await r.addProductToCart(_nullishCoalesce(t.cartItemId, () => (t.id)),1,void 0,{url:e.url,name:t.name,price:t.price,currency:t.currency,analytics:_chunkTSJCVFOXjs.k})!=null)throw new Error("Could not add the product to the cart");e.analytics!=null&&Q(e.analytics,t),e.showCart&&r.showCart()}function Ut(t){throw console.warn(`bitsnap-react: ProductList did not add to the cart because ${t}. Pass onAddToCart to use another cart.`),new Error("The page cart belongs to another project or host")}var $=50,Ht=1e3;function Lt(t,e=Ht){let r=new Set,o=new Map,n=[],s=[],i,d,c=!1;function m(){for(d!==void 0&&clearTimeout(d),d=void 0;n.length>0;){let l=n.slice(0,$),g=s.slice(0,$);n=n.slice($),s=s.slice($);try{t({productIds:l,positions:g})}catch (e3){}}}function u(){m();try{_optionalChain([_chunkTSJCVFOXjs.f.call(void 0, ), 'optionalAccess', _11 => _11.flush, 'call', _12 => _12()])}catch (e4){}}let b=()=>{typeof document<"u"&&document.visibilityState==="hidden"&&u()};function v(){c||typeof window>"u"||(c=!0,window.addEventListener("pagehide",u,!0),document.addEventListener("visibilitychange",b,!0))}function f(){if(i)return i;if(!(typeof IntersectionObserver>"u"))return i=new IntersectionObserver(l=>{for(let g of l){let P=o.get(g.target);!P||!g.isIntersecting||g.intersectionRatio<.5||(o.delete(g.target),_optionalChain([i, 'optionalAccess', _13 => _13.unobserve, 'call', _14 => _14(g.target)]),!r.has(P.id)&&(r.add(P.id),n.push(P.id),s.push(P.position)))}n.length>0&&d===void 0&&(d=setTimeout(m,e),_optionalChain([d, 'access', _15 => _15.unref, 'optionalCall', _16 => _16()]))},{threshold:[.5]}),v(),i}return{observe(l,g,P){try{if(r.has(g))return()=>{};let h=f();return h?(o.set(l,{id:g,position:P}),h.observe(l),()=>{o.delete(l),h.unobserve(l)}):()=>{}}catch (e5){return()=>{}}},flush:m,destroy(){try{m(),_optionalChain([i, 'optionalAccess', _17 => _17.disconnect, 'call', _18 => _18()]),c&&(window.removeEventListener("pagehide",u,!0),document.removeEventListener("visibilitychange",b,!0),c=!1)}catch (e6){}i=void 0,o.clear()}}}var Mt={en:{addToCart:"Add to cart",addingToCart:"Adding\u2026",addedToCart:"Added to cart",addToCartError:"Could not add to the cart. Try again.",chooseOptions:"Choose",viewProduct:"View",unavailable:"Unavailable",subscription:"Subscription",priceFrom:"from {price}",originalPrice:"Original price",loading:"Loading products",empty:"There are no products to show.",error:"Could not load the products.",retry:"Try again",pagination:"Pagination",previousPage:"Previous",nextPage:"Next",pageOf:"Page {page} of {pageCount}"},pl:{addToCart:"Dodaj do koszyka",addingToCart:"Dodawanie\u2026",addedToCart:"Dodano do koszyka",addToCartError:"Nie uda\u0142o si\u0119 doda\u0107 do koszyka. Spr\xF3buj ponownie.",chooseOptions:"Wybierz",viewProduct:"Zobacz",unavailable:"Niedost\u0119pny",subscription:"Subskrypcja",priceFrom:"od {price}",originalPrice:"Cena przed obni\u017Ck\u0105",loading:"\u0141adowanie produkt\xF3w",empty:"Brak produkt\xF3w do wy\u015Bwietlenia.",error:"Nie uda\u0142o si\u0119 za\u0142adowa\u0107 produkt\xF3w.",retry:"Spr\xF3buj ponownie",pagination:"Paginacja",previousPage:"Poprzednia",nextPage:"Nast\u0119pna",pageOf:"Strona {page} z {pageCount}"}};function ht(t,e){return _chunkM4KEUK6Ijs.i.call(void 0, Mt,t,e)}function X(t,e){return t.replace(/\{(\w+)\}/g,(r,o)=>o in e?String(e[o]):r)}var _jsxruntime = require('react/jsx-runtime');var vt=_react.createContext.call(void 0, void 0),$t={observe:()=>()=>{},clicked:()=>{}},Ct=_react.createContext.call(void 0, $t);function j(){let t=_react.useContext.call(void 0, vt);if(t==null)throw new Error("ProductList parts must be rendered inside ProductList");return t}function p(t,e){let{appearance:r}=j(),o=q(r,t);return{"data-bitsnap-products-slot":t,className:_chunkM4KEUK6Ijs.d.call(void 0, e,_optionalChain([o, 'optionalAccess', _19 => _19.className])),style:_optionalChain([o, 'optionalAccess', _20 => _20.style])}}var Z="inline-flex cursor-pointer items-center justify-center px-4 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50",St=`${Z} w-full`,Kt=`${St} no-underline`;function Vt({product:t,onAdd:e}){let{texts:r}=j(),[o,n]=_react.useState.call(void 0, "idle"),s=p("addToCartButton",St),i=p("message","mt-2 text-xs");_react.useEffect.call(void 0, ()=>{if(o!=="added")return;let m=setTimeout(()=>n("idle"),2e3);return()=>clearTimeout(m)},[o]);let d=_react.useCallback.call(void 0, async()=>{n("adding");try{await e(),n("added")}catch(m){console.error("bitsnap-react: could not add to the cart",m),n("error")}},[e]),c=o==="adding"?r.addingToCart:o==="added"?r.addedToCart:r.addToCart;return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "button",{type:"button",...s,disabled:o==="adding","aria-label":`${c}: ${t.name}`,onClick:d,children:c}),o==="error"?_jsxruntime.jsx.call(void 0, "p",{...i,role:"alert",children:r.addToCartError}):null]})}function qt({product:t,position:e,href:r,onAdd:o,renderItem:n}){let{texts:s,locale:i}=j(),d=_react.useContext.call(void 0, Ct),c=_react.useRef.call(void 0, null);_react.useEffect.call(void 0, ()=>{if(c.current!=null)return d.observe(c.current,t.id,e)},[d,t.id,e]);let m=_react.useCallback.call(void 0, ()=>d.clicked(t,e),[d,t,e]),u=p("card","relative flex flex-col overflow-hidden border transition-colors"),b=p("cardLink","flex flex-1 flex-col no-underline"),v=p("image","aspect-square w-full overflow-hidden"),f=p("imagePlaceholder","aspect-square w-full"),l=p("body","flex flex-1 flex-col gap-1 p-4"),g=p("name","text-base font-medium leading-snug"),P=p("description","line-clamp-2 text-sm"),h=p("price","mt-auto pt-2 text-base font-semibold"),k=p("comparePrice","ml-2 text-sm font-normal"),C=p("badge","absolute left-3 top-3 px-2 py-0.5 text-xs font-medium"),T=p("actions","p-4 pt-0"),I=p("selectButton",Kt),A=H(t.price,t.currency,i),y=t.compareAtPrice!=null&&t.compareAtPrice>t.price?H(t.compareAtPrice,t.currency,i):null;if(n!=null)return _jsxruntime.jsx.call(void 0, "li",{ref:c,...u,"data-unavailable":t.available?void 0:"",children:n(t,{href:r,price:A,compareAtPrice:y,texts:s,locale:i,addToCart:o,trackClick:m})});let x=_nullishCoalesce(_optionalChain([t, 'access', _21 => _21.image, 'optionalAccess', _22 => _22.thumbnailUrl]), () => (_optionalChain([t, 'access', _23 => _23.image, 'optionalAccess', _24 => _24.url]))),E=t.available?t.isRecurring?s.subscription:null:s.unavailable;return _jsxruntime.jsxs.call(void 0, "li",{ref:c,...u,"data-unavailable":t.available?void 0:"",children:[_jsxruntime.jsxs.call(void 0, "a",{...b,href:r,onClick:m,children:[x!=null?_jsxruntime.jsx.call(void 0, "div",{...v,children:_jsxruntime.jsx.call(void 0, "img",{src:x,alt:"",loading:"lazy",decoding:"async",className:"h-full w-full object-cover"})}):_jsxruntime.jsx.call(void 0, "div",{...f,"aria-hidden":"true"}),_jsxruntime.jsxs.call(void 0, "div",{...l,children:[_jsxruntime.jsx.call(void 0, "h3",{...g,children:t.name}),t.shortDescription?_jsxruntime.jsx.call(void 0, "p",{...P,children:t.shortDescription}):null,_jsxruntime.jsxs.call(void 0, "p",{...h,children:[t.priceFrom?X(s.priceFrom,{price:A}):A,y!=null?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, "span",{className:"sr-only",children:[s.originalPrice,": "]}),_jsxruntime.jsx.call(void 0, "del",{...k,children:y})]}):null]})]})]}),E!=null?_jsxruntime.jsx.call(void 0, "span",{...C,"data-kind":t.available?"subscription":"unavailable",children:E}):null,_jsxruntime.jsx.call(void 0, "div",{...T,children:t.available?t.addToCart?_jsxruntime.jsx.call(void 0, Vt,{product:t,onAdd:o}):_jsxruntime.jsx.call(void 0, "a",{...I,href:r,onClick:m,children:t.variantCount>1?s.chooseOptions:s.viewProduct}):_jsxruntime.jsx.call(void 0, "button",{type:"button",...I,disabled:!0,children:s.unavailable})})]})}var At="m-0 grid list-none grid-cols-[repeat(auto-fill,minmax(min(100%,15rem),1fr))] gap-5 p-0";function Gt({count:t,label:e}){let r=p("grid",At),o=p("skeleton","aspect-[3/4] animate-pulse");return _jsxruntime.jsx.call(void 0, "div",{...r,role:"status","aria-busy":"true","aria-label":e,children:Array.from({length:t},(n,s)=>_jsxruntime.jsx.call(void 0, "div",{...o,"aria-hidden":"true"},s))})}function Qt({page:t,pageCount:e,isLoading:r,onPage:o}){let{texts:n}=j(),s=p("pagination","mt-8 flex items-center justify-center gap-4"),i=p("paginationButton",Z),d=p("pageIndicator","text-sm");return _jsxruntime.jsxs.call(void 0, "nav",{...s,"aria-label":n.pagination,children:[_jsxruntime.jsx.call(void 0, "button",{type:"button",...i,"aria-disabled":r||t<=1,onClick:()=>{!r&&t>1&&o(t-1)},children:n.previousPage}),_jsxruntime.jsx.call(void 0, "span",{...d,"aria-live":"polite",children:X(n.pageOf,{page:t,pageCount:e})}),_jsxruntime.jsx.call(void 0, "button",{type:"button",...i,"aria-disabled":r||t>=e,onClick:()=>{!r&&t<e&&o(t+1)},children:n.nextPage})]})}function Xt({options:t,productHref:e,renderItem:r,onAddToCart:o,showCartOnAdd:n}){let{texts:s}=j(),{products:i,page:d,pageCount:c,setPage:m,isLoading:u,error:b,refetch:v}=G(t),f=_chunkTSJCVFOXjs.m.call(void 0, ),l=_optionalChain([t, 'access', _25 => _25.search, 'optionalAccess', _26 => _26.trim, 'call', _27 => _27()])?"search":"catalog",g=O(t.pageSize),P=_react.useRef.call(void 0, !1);_react.useEffect.call(void 0, ()=>{P.current||u||b!=null||(P.current=!0,f.track("product_list_viewed",{list_id:l,item_count:i.length}))},[f,u,b,l,i.length]);let h=_react.useMemo.call(void 0, ()=>Lt(({productIds:L,positions:w})=>f.track("product_impression",{list_id:l,product_ids:L,positions:w})),[f,l]);_react.useEffect.call(void 0, ()=>()=>h.destroy(),[h]);let k=_react.useMemo.call(void 0, ()=>({observe:h.observe,clicked:(L,w)=>f.track("product_clicked",{list_id:l,position:w},{product_id:L.id})}),[h,f,l]),C=_react.useRef.call(void 0, null),T=_react.useRef.call(void 0, !1),I=_react.useCallback.call(void 0, L=>{T.current=!0,m(L)},[m]);_react.useEffect.call(void 0, ()=>{u||!T.current||(T.current=!1,_optionalChain([C, 'access', _28 => _28.current, 'optionalAccess', _29 => _29.focus, 'call', _30 => _30({preventScroll:!0})]),_optionalChain([C, 'access', _31 => _31.current, 'optionalAccess', _32 => _32.scrollIntoView, 'call', _33 => _33({block:"start"})]))},[u]);let A=p("grid",At),y=p("emptyState","py-12 text-center text-sm"),x=p("error","flex flex-col items-center gap-3 py-12 text-center text-sm"),E=p("retryButton",Z),{projectID:J,host:W}=t,It=_react.useCallback.call(void 0, (L,w)=>async()=>{if(o!=null){await _chunkTSJCVFOXjs.p.call(void 0, ()=>o(L)),Q(f,L);return}await yt(L,{projectID:J,host:W,showCart:n,analytics:f,url:w})},[o,J,W,n,f]),_;return u&&i.length===0?_=_jsxruntime.jsx.call(void 0, Gt,{count:Math.min(O(t.pageSize),8),label:s.loading}):b!=null?_=_jsxruntime.jsxs.call(void 0, "div",{...x,role:"alert",children:[_jsxruntime.jsx.call(void 0, "p",{children:s.error}),_jsxruntime.jsx.call(void 0, "button",{type:"button",...E,onClick:v,children:s.retry})]}):i.length===0?_=_jsxruntime.jsx.call(void 0, "p",{...y,children:s.empty}):_=_jsxruntime.jsx.call(void 0, "ul",{...A,"aria-busy":u||void 0,className:_chunkM4KEUK6Ijs.d.call(void 0, A.className,u&&"opacity-60"),children:i.map((L,w)=>{let Y=e(L);return _jsxruntime.jsx.call(void 0, qt,{product:L,position:(d-1)*g+w,href:Y,onAdd:It(L,Y),renderItem:r},L.id)})}),_jsxruntime.jsx.call(void 0, Ct.Provider,{value:k,children:_jsxruntime.jsxs.call(void 0, "div",{ref:C,tabIndex:-1,className:"p-1 outline-none scroll-mt-4",children:[_,c>1&&b==null?_jsxruntime.jsx.call(void 0, Qt,{page:d,pageCount:c,isLoading:u,onPage:I}):null]})})}var Zt=t=>`/p/${encodeURIComponent(t.uniqueSlug)}`;function Jt({productHref:t=Zt,appearance:e,texts:r,renderItem:o,onAddToCart:n,showCartOnAdd:s=!0,className:i,analytics:d,...c}){let m=_chunkTSJCVFOXjs.n.call(void 0, c.projectID,d,"catalog"),u=_nullishCoalesce(c.locale, () => (_chunkM4KEUK6Ijs.k)),b=_react.useMemo.call(void 0, ()=>pt(e),[e]),v=_react.useMemo.call(void 0, ()=>ht(u,r),[u,r]),f=_react.useMemo.call(void 0, ()=>({appearance:b,texts:v,locale:u}),[b,v,u]),l=q(b,"root");return _jsxruntime.jsx.call(void 0, _chunkTSJCVFOXjs.l,{value:m,children:_jsxruntime.jsx.call(void 0, vt.Provider,{value:f,children:_jsxruntime.jsx.call(void 0, "div",{"data-bitsnap-products":"root","data-bitsnap-products-slot":"root",className:_chunkM4KEUK6Ijs.d.call(void 0, "bitsnap-react",b.boundaryClassName,i,_optionalChain([l, 'optionalAccess', _34 => _34.className])),style:{...b.boundaryStyle,..._optionalChain([l, 'optionalAccess', _35 => _35.style])},children:_jsxruntime.jsx.call(void 0, Xt,{options:c,productHref:t,renderItem:o,onAddToCart:n,showCartOnAdd:s})})})})}exports.a = wt; exports.b = H; exports.c = G; exports.d = Jt;
-//# sourceMappingURL=chunk-IP4OOWZ6.js.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkKOYBZORLjs = require('./chunk-KOYBZORL.js');var _chunkEJRI366Wjs = require('./chunk-EJRI366W.js');var _chunkPVJ2I46Cjs = require('./chunk-PVJ2I46C.js');var wt=["root","grid","card","cardLink","image","imagePlaceholder","body","name","description","price","comparePrice","badge","actions","addToCartButton","selectButton","message","pagination","paginationButton","pageIndicator","emptyState","error","retryButton","skeleton"],Et={fontFamily:"--bitsnap-products-font-family",fontSize:"--bitsnap-products-font-size",background:"--bitsnap-products-background",surface:"--bitsnap-products-surface",foreground:"--bitsnap-products-foreground",mutedForeground:"--bitsnap-products-muted-foreground",border:"--bitsnap-products-border",buttonBackground:"--bitsnap-products-button-background",buttonForeground:"--bitsnap-products-button-foreground",buttonHoverBackground:"--bitsnap-products-button-hover-background",hoverSurface:"--bitsnap-products-hover-surface",focusRing:"--bitsnap-products-focus-ring",error:"--bitsnap-products-error",badgeBackground:"--bitsnap-products-badge-background",badgeForeground:"--bitsnap-products-badge-foreground",radius:"--bitsnap-products-radius"},_t={light:{background:"#ffffff",surface:"#f9fafb",foreground:"#18181b",mutedForeground:"#71717a",border:"#e4e4e7",buttonBackground:"#18181b",buttonForeground:"#fafafa",buttonHoverBackground:"#000000",hoverSurface:"#f4f4f5",focusRing:"#71717a",error:"#dc2626",badgeBackground:"#f4f4f5",badgeForeground:"#3f3f46",radius:"8px"},dark:{background:"#18181b",surface:"#27272a",foreground:"#fafafa",mutedForeground:"#a1a1aa",border:"#3f3f46",buttonBackground:"#fafafa",buttonForeground:"#18181b",buttonHoverBackground:"#e4e4e7",hoverSurface:"#3f3f46",focusRing:"#a1a1aa",error:"#f87171",badgeBackground:"#3f3f46",badgeForeground:"#e4e4e7",radius:"8px"}},Dt=[];function pt(t){let e=_chunkKOYBZORLjs.a.call(void 0, t,{defaultTheme:"light",presets:_t,variables:Et,shadcnVariables:Dt});return{theme:e.theme,tokens:e.tokens,elements:e.elements,boundaryClassName:e.theme,boundaryStyle:e.boundaryStyle}}function q(t,e){return _chunkKOYBZORLjs.b.call(void 0, t.elements,e)}function mt(t,e){try{return new Intl.NumberFormat(t,{style:"currency",currency:e,currencyDisplay:"symbol"})}catch (e2){return}}function H(t,e,r=_chunkEJRI366Wjs.k){let o=t/100,n=_nullishCoalesce(mt(r,e), () => (mt(_chunkEJRI366Wjs.k,e)));return n!=null?n.format(o):`${o.toFixed(2)} ${e}`}var _react = require('react');var Ot=24,Nt=48,M=class extends Error{constructor(e,r){super(e),this.name="ProductListError",this.status=r}};function O(t){return t==null||!Number.isFinite(t)?Ot:Math.min(Nt,Math.max(1,Math.floor(t)))}function ft(t,e){return Math.max(1,Math.ceil(t/e))}function N(t){return t.replace(/\/+$/,"")}function Rt(t){let e=new URLSearchParams;e.set("limit",String(t.limit)),e.set("offset",String(t.offset)),t.locale&&e.set("locale",t.locale);let r=_optionalChain([t, 'access', _2 => _2.search, 'optionalAccess', _3 => _3.trim, 'call', _4 => _4()]);return r&&e.set("search",r),`${N(t.host)}/api/integrations/${encodeURIComponent(t.projectID)}/public-commerce/product-list?${e.toString()}`}function Bt(t){return typeof t=="object"&&t!=null&&Array.isArray(t.items)&&typeof t.totalCount=="number"}async function gt(t,e){let r=await fetch(_chunkEJRI366Wjs.c.call(void 0, Rt(t)),{method:"GET",credentials:"omit",headers:{Accept:"application/json"},signal:e});if(!r.ok)throw new M(`Could not load products (${r.status})`,r.status);let o=await r.json();if(!Bt(o))throw new M("Unexpected product list response");return o}function G(t){let{projectID:e,locale:r,search:o,initialData:n}=t,[s]=_react.useState.call(void 0, ()=>_chunkEJRI366Wjs.f),i=_nullishCoalesce(t.host, () => (s)),d=O(t.pageSize),c=JSON.stringify([e,i,_nullishCoalesce(r, () => (null)),_nullishCoalesce(_optionalChain([o, 'optionalAccess', _5 => _5.trim, 'call', _6 => _6()]), () => (null)),d]),[m,u]=_react.useState.call(void 0, {queryKey:c,page:1});m.queryKey!==c&&u({queryKey:c,page:1});let[b,v]=_react.useState.call(void 0, 0),[f,l]=_react.useState.call(void 0, ()=>({requestKey:n!=null?`${c}|1|0`:"",data:n,error:void 0})),g=_nullishCoalesce(_optionalChain([f, 'access', _7 => _7.data, 'optionalAccess', _8 => _8.totalCount]), () => (0)),P=ft(g,d),h=m.queryKey===c?m.page:1,k=g>0?Math.min(h,P):h,C=`${c}|${k}|${b}`,T=f.requestKey===C;_react.useEffect.call(void 0, ()=>{if(T)return;let y=new AbortController;return gt({projectID:e,host:i,locale:r,search:o,limit:d,offset:(k-1)*d},y.signal).then(x=>{y.signal.aborted||l({requestKey:C,data:x,error:void 0})},x=>{y.signal.aborted||l(E=>({requestKey:C,data:E.data,error:x instanceof Error?x:new Error(String(x))}))}),()=>y.abort()},[C,T]);let I=_react.useCallback.call(void 0, y=>{let x=Math.max(1,Math.floor(y));u({queryKey:c,page:g>0?Math.min(x,P):x})},[c,g,P]),A=_react.useCallback.call(void 0, ()=>v(y=>y+1),[]);return _react.useMemo.call(void 0, ()=>({products:_nullishCoalesce(_optionalChain([f, 'access', _9 => _9.data, 'optionalAccess', _10 => _10.items]), () => ([])),totalCount:g,page:k,pageCount:P,setPage:I,isLoading:!T,error:T?f.error:void 0,refetch:A}),[f,g,k,P,I,T,A])}function bt(t,e){if(t.projectID!=null&&t.projectID!==e.projectID)return{ok:!1,reason:`the page cart already belongs to project "${t.projectID}"`};let r=null,o=e.host?N(e.host):"",n=N(t.host);if(o&&o!==n){if(n!==N(t.defaultHost))return{ok:!1,reason:`the page cart already uses the host "${t.host}"`};r=o}return{ok:!0,setProjectID:t.projectID==null?e.projectID:null,setHost:r}}function Q(t,e){let r=e.cartItemId!=null&&e.cartItemId!==e.id?e.cartItemId:null;t.track("add_to_cart",{qty:1,value_minor:e.price,currency:e.currency},{product_id:e.id,variant_id:r})}async function yt(t,e){let[{Bitsnap:r},{getProjectID:o,setProjectID:n}]=await Promise.all([Promise.resolve().then(() => _interopRequireWildcard(require("./methods-W5JTLIIX.js"))),Promise.resolve().then(() => _interopRequireWildcard(require("./CartProvider-2RNAKU3U.js")))]),s=bt({projectID:o(),host:_chunkEJRI366Wjs.f,defaultHost:_chunkEJRI366Wjs.e},e);if(!s.ok)return Ut(s.reason);if(s.setProjectID!=null&&n(s.setProjectID),s.setHost!=null&&_chunkEJRI366Wjs.g.call(void 0, s.setHost),await r.addProductToCart(_nullishCoalesce(t.cartItemId, () => (t.id)),1,void 0,{url:e.url,name:t.name,price:t.price,currency:t.currency,analytics:_chunkPVJ2I46Cjs.k})!=null)throw new Error("Could not add the product to the cart");e.analytics!=null&&Q(e.analytics,t),e.showCart&&r.showCart()}function Ut(t){throw console.warn(`bitsnap-react: ProductList did not add to the cart because ${t}. Pass onAddToCart to use another cart.`),new Error("The page cart belongs to another project or host")}var $=50,Ht=1e3;function Lt(t,e=Ht){let r=new Set,o=new Map,n=[],s=[],i,d,c=!1;function m(){for(d!==void 0&&clearTimeout(d),d=void 0;n.length>0;){let l=n.slice(0,$),g=s.slice(0,$);n=n.slice($),s=s.slice($);try{t({productIds:l,positions:g})}catch (e3){}}}function u(){m();try{_optionalChain([_chunkPVJ2I46Cjs.f.call(void 0, ), 'optionalAccess', _11 => _11.flush, 'call', _12 => _12()])}catch (e4){}}let b=()=>{typeof document<"u"&&document.visibilityState==="hidden"&&u()};function v(){c||typeof window>"u"||(c=!0,window.addEventListener("pagehide",u,!0),document.addEventListener("visibilitychange",b,!0))}function f(){if(i)return i;if(!(typeof IntersectionObserver>"u"))return i=new IntersectionObserver(l=>{for(let g of l){let P=o.get(g.target);!P||!g.isIntersecting||g.intersectionRatio<.5||(o.delete(g.target),_optionalChain([i, 'optionalAccess', _13 => _13.unobserve, 'call', _14 => _14(g.target)]),!r.has(P.id)&&(r.add(P.id),n.push(P.id),s.push(P.position)))}n.length>0&&d===void 0&&(d=setTimeout(m,e),_optionalChain([d, 'access', _15 => _15.unref, 'optionalCall', _16 => _16()]))},{threshold:[.5]}),v(),i}return{observe(l,g,P){try{if(r.has(g))return()=>{};let h=f();return h?(o.set(l,{id:g,position:P}),h.observe(l),()=>{o.delete(l),h.unobserve(l)}):()=>{}}catch (e5){return()=>{}}},flush:m,destroy(){try{m(),_optionalChain([i, 'optionalAccess', _17 => _17.disconnect, 'call', _18 => _18()]),c&&(window.removeEventListener("pagehide",u,!0),document.removeEventListener("visibilitychange",b,!0),c=!1)}catch (e6){}i=void 0,o.clear()}}}var Mt={en:{addToCart:"Add to cart",addingToCart:"Adding\u2026",addedToCart:"Added to cart",addToCartError:"Could not add to the cart. Try again.",chooseOptions:"Choose",viewProduct:"View",unavailable:"Unavailable",subscription:"Subscription",priceFrom:"from {price}",originalPrice:"Original price",loading:"Loading products",empty:"There are no products to show.",error:"Could not load the products.",retry:"Try again",pagination:"Pagination",previousPage:"Previous",nextPage:"Next",pageOf:"Page {page} of {pageCount}"},pl:{addToCart:"Dodaj do koszyka",addingToCart:"Dodawanie\u2026",addedToCart:"Dodano do koszyka",addToCartError:"Nie uda\u0142o si\u0119 doda\u0107 do koszyka. Spr\xF3buj ponownie.",chooseOptions:"Wybierz",viewProduct:"Zobacz",unavailable:"Niedost\u0119pny",subscription:"Subskrypcja",priceFrom:"od {price}",originalPrice:"Cena przed obni\u017Ck\u0105",loading:"\u0141adowanie produkt\xF3w",empty:"Brak produkt\xF3w do wy\u015Bwietlenia.",error:"Nie uda\u0142o si\u0119 za\u0142adowa\u0107 produkt\xF3w.",retry:"Spr\xF3buj ponownie",pagination:"Paginacja",previousPage:"Poprzednia",nextPage:"Nast\u0119pna",pageOf:"Strona {page} z {pageCount}"}};function ht(t,e){return _chunkEJRI366Wjs.i.call(void 0, Mt,t,e)}function X(t,e){return t.replace(/\{(\w+)\}/g,(r,o)=>o in e?String(e[o]):r)}var _jsxruntime = require('react/jsx-runtime');var vt=_react.createContext.call(void 0, void 0),$t={observe:()=>()=>{},clicked:()=>{}},Ct=_react.createContext.call(void 0, $t);function j(){let t=_react.useContext.call(void 0, vt);if(t==null)throw new Error("ProductList parts must be rendered inside ProductList");return t}function p(t,e){let{appearance:r}=j(),o=q(r,t);return{"data-bitsnap-products-slot":t,className:_chunkEJRI366Wjs.d.call(void 0, e,_optionalChain([o, 'optionalAccess', _19 => _19.className])),style:_optionalChain([o, 'optionalAccess', _20 => _20.style])}}var Z="inline-flex cursor-pointer items-center justify-center px-4 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50",St=`${Z} w-full`,Kt=`${St} no-underline`;function Vt({product:t,onAdd:e}){let{texts:r}=j(),[o,n]=_react.useState.call(void 0, "idle"),s=p("addToCartButton",St),i=p("message","mt-2 text-xs");_react.useEffect.call(void 0, ()=>{if(o!=="added")return;let m=setTimeout(()=>n("idle"),2e3);return()=>clearTimeout(m)},[o]);let d=_react.useCallback.call(void 0, async()=>{n("adding");try{await e(),n("added")}catch(m){console.error("bitsnap-react: could not add to the cart",m),n("error")}},[e]),c=o==="adding"?r.addingToCart:o==="added"?r.addedToCart:r.addToCart;return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "button",{type:"button",...s,disabled:o==="adding","aria-label":`${c}: ${t.name}`,onClick:d,children:c}),o==="error"?_jsxruntime.jsx.call(void 0, "p",{...i,role:"alert",children:r.addToCartError}):null]})}function qt({product:t,position:e,href:r,onAdd:o,renderItem:n}){let{texts:s,locale:i}=j(),d=_react.useContext.call(void 0, Ct),c=_react.useRef.call(void 0, null);_react.useEffect.call(void 0, ()=>{if(c.current!=null)return d.observe(c.current,t.id,e)},[d,t.id,e]);let m=_react.useCallback.call(void 0, ()=>d.clicked(t,e),[d,t,e]),u=p("card","relative flex flex-col overflow-hidden border transition-colors"),b=p("cardLink","flex flex-1 flex-col no-underline"),v=p("image","aspect-square w-full overflow-hidden"),f=p("imagePlaceholder","aspect-square w-full"),l=p("body","flex flex-1 flex-col gap-1 p-4"),g=p("name","text-base font-medium leading-snug"),P=p("description","line-clamp-2 text-sm"),h=p("price","mt-auto pt-2 text-base font-semibold"),k=p("comparePrice","ml-2 text-sm font-normal"),C=p("badge","absolute left-3 top-3 px-2 py-0.5 text-xs font-medium"),T=p("actions","p-4 pt-0"),I=p("selectButton",Kt),A=H(t.price,t.currency,i),y=t.compareAtPrice!=null&&t.compareAtPrice>t.price?H(t.compareAtPrice,t.currency,i):null;if(n!=null)return _jsxruntime.jsx.call(void 0, "li",{ref:c,...u,"data-unavailable":t.available?void 0:"",children:n(t,{href:r,price:A,compareAtPrice:y,texts:s,locale:i,addToCart:o,trackClick:m})});let x=_nullishCoalesce(_optionalChain([t, 'access', _21 => _21.image, 'optionalAccess', _22 => _22.thumbnailUrl]), () => (_optionalChain([t, 'access', _23 => _23.image, 'optionalAccess', _24 => _24.url]))),E=t.available?t.isRecurring?s.subscription:null:s.unavailable;return _jsxruntime.jsxs.call(void 0, "li",{ref:c,...u,"data-unavailable":t.available?void 0:"",children:[_jsxruntime.jsxs.call(void 0, "a",{...b,href:r,onClick:m,children:[x!=null?_jsxruntime.jsx.call(void 0, "div",{...v,children:_jsxruntime.jsx.call(void 0, "img",{src:x,alt:"",loading:"lazy",decoding:"async",className:"h-full w-full object-cover"})}):_jsxruntime.jsx.call(void 0, "div",{...f,"aria-hidden":"true"}),_jsxruntime.jsxs.call(void 0, "div",{...l,children:[_jsxruntime.jsx.call(void 0, "h3",{...g,children:t.name}),t.shortDescription?_jsxruntime.jsx.call(void 0, "p",{...P,children:t.shortDescription}):null,_jsxruntime.jsxs.call(void 0, "p",{...h,children:[t.priceFrom?X(s.priceFrom,{price:A}):A,y!=null?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, "span",{className:"sr-only",children:[s.originalPrice,": "]}),_jsxruntime.jsx.call(void 0, "del",{...k,children:y})]}):null]})]})]}),E!=null?_jsxruntime.jsx.call(void 0, "span",{...C,"data-kind":t.available?"subscription":"unavailable",children:E}):null,_jsxruntime.jsx.call(void 0, "div",{...T,children:t.available?t.addToCart?_jsxruntime.jsx.call(void 0, Vt,{product:t,onAdd:o}):_jsxruntime.jsx.call(void 0, "a",{...I,href:r,onClick:m,children:t.variantCount>1?s.chooseOptions:s.viewProduct}):_jsxruntime.jsx.call(void 0, "button",{type:"button",...I,disabled:!0,children:s.unavailable})})]})}var At="m-0 grid list-none grid-cols-[repeat(auto-fill,minmax(min(100%,15rem),1fr))] gap-5 p-0";function Gt({count:t,label:e}){let r=p("grid",At),o=p("skeleton","aspect-[3/4] animate-pulse");return _jsxruntime.jsx.call(void 0, "div",{...r,role:"status","aria-busy":"true","aria-label":e,children:Array.from({length:t},(n,s)=>_jsxruntime.jsx.call(void 0, "div",{...o,"aria-hidden":"true"},s))})}function Qt({page:t,pageCount:e,isLoading:r,onPage:o}){let{texts:n}=j(),s=p("pagination","mt-8 flex items-center justify-center gap-4"),i=p("paginationButton",Z),d=p("pageIndicator","text-sm");return _jsxruntime.jsxs.call(void 0, "nav",{...s,"aria-label":n.pagination,children:[_jsxruntime.jsx.call(void 0, "button",{type:"button",...i,"aria-disabled":r||t<=1,onClick:()=>{!r&&t>1&&o(t-1)},children:n.previousPage}),_jsxruntime.jsx.call(void 0, "span",{...d,"aria-live":"polite",children:X(n.pageOf,{page:t,pageCount:e})}),_jsxruntime.jsx.call(void 0, "button",{type:"button",...i,"aria-disabled":r||t>=e,onClick:()=>{!r&&t<e&&o(t+1)},children:n.nextPage})]})}function Xt({options:t,productHref:e,renderItem:r,onAddToCart:o,showCartOnAdd:n}){let{texts:s}=j(),{products:i,page:d,pageCount:c,setPage:m,isLoading:u,error:b,refetch:v}=G(t),f=_chunkPVJ2I46Cjs.m.call(void 0, ),l=_optionalChain([t, 'access', _25 => _25.search, 'optionalAccess', _26 => _26.trim, 'call', _27 => _27()])?"search":"catalog",g=O(t.pageSize),P=_react.useRef.call(void 0, !1);_react.useEffect.call(void 0, ()=>{P.current||u||b!=null||(P.current=!0,f.track("product_list_viewed",{list_id:l,item_count:i.length}))},[f,u,b,l,i.length]);let h=_react.useMemo.call(void 0, ()=>Lt(({productIds:L,positions:w})=>f.track("product_impression",{list_id:l,product_ids:L,positions:w})),[f,l]);_react.useEffect.call(void 0, ()=>()=>h.destroy(),[h]);let k=_react.useMemo.call(void 0, ()=>({observe:h.observe,clicked:(L,w)=>f.track("product_clicked",{list_id:l,position:w},{product_id:L.id})}),[h,f,l]),C=_react.useRef.call(void 0, null),T=_react.useRef.call(void 0, !1),I=_react.useCallback.call(void 0, L=>{T.current=!0,m(L)},[m]);_react.useEffect.call(void 0, ()=>{u||!T.current||(T.current=!1,_optionalChain([C, 'access', _28 => _28.current, 'optionalAccess', _29 => _29.focus, 'call', _30 => _30({preventScroll:!0})]),_optionalChain([C, 'access', _31 => _31.current, 'optionalAccess', _32 => _32.scrollIntoView, 'call', _33 => _33({block:"start"})]))},[u]);let A=p("grid",At),y=p("emptyState","py-12 text-center text-sm"),x=p("error","flex flex-col items-center gap-3 py-12 text-center text-sm"),E=p("retryButton",Z),{projectID:J,host:W}=t,It=_react.useCallback.call(void 0, (L,w)=>async()=>{if(o!=null){await _chunkPVJ2I46Cjs.p.call(void 0, ()=>o(L)),Q(f,L);return}await yt(L,{projectID:J,host:W,showCart:n,analytics:f,url:w})},[o,J,W,n,f]),_;return u&&i.length===0?_=_jsxruntime.jsx.call(void 0, Gt,{count:Math.min(O(t.pageSize),8),label:s.loading}):b!=null?_=_jsxruntime.jsxs.call(void 0, "div",{...x,role:"alert",children:[_jsxruntime.jsx.call(void 0, "p",{children:s.error}),_jsxruntime.jsx.call(void 0, "button",{type:"button",...E,onClick:v,children:s.retry})]}):i.length===0?_=_jsxruntime.jsx.call(void 0, "p",{...y,children:s.empty}):_=_jsxruntime.jsx.call(void 0, "ul",{...A,"aria-busy":u||void 0,className:_chunkEJRI366Wjs.d.call(void 0, A.className,u&&"opacity-60"),children:i.map((L,w)=>{let Y=e(L);return _jsxruntime.jsx.call(void 0, qt,{product:L,position:(d-1)*g+w,href:Y,onAdd:It(L,Y),renderItem:r},L.id)})}),_jsxruntime.jsx.call(void 0, Ct.Provider,{value:k,children:_jsxruntime.jsxs.call(void 0, "div",{ref:C,tabIndex:-1,className:"p-1 outline-none scroll-mt-4",children:[_,c>1&&b==null?_jsxruntime.jsx.call(void 0, Qt,{page:d,pageCount:c,isLoading:u,onPage:I}):null]})})}var Zt=t=>`/p/${encodeURIComponent(t.uniqueSlug)}`;function Jt({productHref:t=Zt,appearance:e,texts:r,renderItem:o,onAddToCart:n,showCartOnAdd:s=!0,className:i,analytics:d,...c}){let m=_chunkPVJ2I46Cjs.n.call(void 0, c.projectID,d,"catalog"),u=_nullishCoalesce(c.locale, () => (_chunkEJRI366Wjs.k)),b=_react.useMemo.call(void 0, ()=>pt(e),[e]),v=_react.useMemo.call(void 0, ()=>ht(u,r),[u,r]),f=_react.useMemo.call(void 0, ()=>({appearance:b,texts:v,locale:u}),[b,v,u]),l=q(b,"root");return _jsxruntime.jsx.call(void 0, _chunkPVJ2I46Cjs.l,{value:m,children:_jsxruntime.jsx.call(void 0, vt.Provider,{value:f,children:_jsxruntime.jsx.call(void 0, "div",{"data-bitsnap-products":"root","data-bitsnap-products-slot":"root",className:_chunkEJRI366Wjs.d.call(void 0, "bitsnap-react",b.boundaryClassName,i,_optionalChain([l, 'optionalAccess', _34 => _34.className])),style:{...b.boundaryStyle,..._optionalChain([l, 'optionalAccess', _35 => _35.style])},children:_jsxruntime.jsx.call(void 0, Xt,{options:c,productHref:t,renderItem:o,onAddToCart:n,showCartOnAdd:s})})})})}exports.a = wt; exports.b = H; exports.c = G; exports.d = Jt;
+//# sourceMappingURL=chunk-4MU2YAQT.js.map

package/dist/chunk-4MU2YAQT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/dx/dist/chunk-4MU2YAQT.js","../src/components/products/appearance.ts","../src/components/products/format.ts"],"names":["PRODUCT_LIST_SLOT_NAMES","PRODUCT_LIST_TOKEN_VARIABLES","PRODUCT_LIST_THEME_PRESETS","PRODUCT_LIST_SHADCN_VARIABLES","resolveProductListAppearance","appearance","resolved","resolveAppearanceCore","getProductListSlotAppearance","slot","getSlotAppearance","createFormatter","locale","currency","formatProductPrice","amount","DEFAULT_LOCALE","value","formatter"],"mappings":"AAAA,y/BAAgD,sDAAsF,sDAAiF,IC2D1MA,EAAAA,CAA0B,CACrC,MAAA,CACA,MAAA,CACA,MAAA,CACA,UAAA,CACA,OAAA,CACA,kBAAA,CACA,MAAA,CACA,MAAA,CACA,aAAA,CACA,OAAA,CACA,cAAA,CACA,OAAA,CACA,SAAA,CACA,iBAAA,CACA,cAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CACA,eAAA,CACA,YAAA,CACA,OAAA,CACA,aAAA,CACA,UACF,CAAA,CA8BaC,EAAAA,CAA+B,CAC1C,UAAA,CAAY,gCAAA,CACZ,QAAA,CAAU,8BAAA,CACV,UAAA,CAAY,+BAAA,CACZ,OAAA,CAAS,4BAAA,CACT,UAAA,CAAY,+BAAA,CACZ,eAAA,CAAiB,qCAAA,CACjB,MAAA,CAAQ,2BAAA,CACR,gBAAA,CAAkB,sCAAA,CAClB,gBAAA,CAAkB,sCAAA,CAClB,qBAAA,CAAuB,4CAAA,CACvB,YAAA,CAAc,kCAAA,CACd,SAAA,CAAW,+BAAA,CACX,KAAA,CAAO,0BAAA,CACP,eAAA,CAAiB,qCAAA,CACjB,eAAA,CAAiB,qCAAA,CACjB,MAAA,CAAQ,2BACV,CAAA,CASaC,EAAAA,CAGT,CACF,KAAA,CAAO,CACL,UAAA,CAAY,SAAA,CACZ,OAAA,CAAS,SAAA,CACT,UAAA,CAAY,SAAA,CACZ,eAAA,CAAiB,SAAA,CACjB,MAAA,CAAQ,SAAA,CACR,gBAAA,CAAkB,SAAA,CAClB,gBAAA,CAAkB,SAAA,CAClB,qBAAA,CAAuB,SAAA,CACvB,YAAA,CAAc,SAAA,CACd,SAAA,CAAW,SAAA,CACX,KAAA,CAAO,SAAA,CACP,eAAA,CAAiB,SAAA,CACjB,eAAA,CAAiB,SAAA,CACjB,MAAA,CAAQ,KACV,CAAA,CACA,IAAA,CAAM,CACJ,UAAA,CAAY,SAAA,CACZ,OAAA,CAAS,SAAA,CACT,UAAA,CAAY,SAAA,CACZ,eAAA,CAAiB,SAAA,CACjB,MAAA,CAAQ,SAAA,CACR,gBAAA,CAAkB,SAAA,CAClB,gBAAA,CAAkB,SAAA,CAClB,qBAAA,CAAuB,SAAA,CACvB,YAAA,CAAc,SAAA,CACd,SAAA,CAAW,SAAA,CACX,KAAA,CAAO,SAAA,CACP,eAAA,CAAiB,SAAA,CACjB,eAAA,CAAiB,SAAA,CACjB,MAAA,CAAQ,KACV,CACF,CAAA,CAGMC,EAAAA,CACJ,CAAC,CAAA,CAEI,SAASC,EAAAA,CACdC,CAAAA,CAC+B,CAC/B,IAAMC,CAAAA,CAAWC,gCAAAA,CAIfF,CAAY,CACZ,YAAA,CAAc,OAAA,CACd,OAAA,CAASH,EAAAA,CACT,SAAA,CAAWD,EAAAA,CACX,eAAA,CAAiBE,EACnB,CAAC,CAAA,CAED,MAAO,CACL,KAAA,CAAOG,CAAAA,CAAS,KAAA,CAChB,MAAA,CAAQA,CAAAA,CAAS,MAAA,CACjB,QAAA,CAAUA,CAAAA,CAAS,QAAA,CACnB,iBAAA,CAAmBA,CAAAA,CAAS,KAAA,CAC5B,aAAA,CAAeA,CAAAA,CAAS,aAC1B,CACF,CAGO,SAASE,CAAAA,CACdF,CAAAA,CACAG,CAAAA,CACuC,CACvC,OAAOC,gCAAAA,CAAkBJ,CAAS,QAAA,CAAUG,CAAI,CAClD,CChNA,SAASE,EAAAA,CACPC,CAAAA,CACAC,CAAAA,CAC+B,CAC/B,GAAI,CACF,OAAO,IAAI,IAAA,CAAK,YAAA,CAAaD,CAAAA,CAAQ,CACnC,KAAA,CAAO,UAAA,CACP,QAAA,CAAAC,CAAAA,CACA,eAAA,CAAiB,QACnB,CAAC,CACH,CAAA,UAAQ,CAEN,MACF,CACF,CAOO,SAASC,CAAAA,CACdC,CAAAA,CACAF,CAAAA,CACAD,CAAAA,CAAiBI,kBAAAA,CACT,CACR,IAAMC,CAAAA,CAAQF,CAAAA,CAAS,GAAA,CACjBG,CAAAA,kBACJP,EAAAA,CAAgBC,CAAAA,CAAQC,CAAQ,CAAA,SAChCF,EAAAA,CAAgBK,kBAAAA,CAAgBH,CAAQ,GAAA,CAE1C,OAAOK,CAAAA,EAAa,IAAA,CAChBA,CAAAA,CAAU,MAAA,CAAOD,CAAK,CAAA,CACtB,CAAA,EAAA","file":"/home/emems/.t3/worktrees/bitsnap-react/dx/dist/chunk-4MU2YAQT.js","sourcesContent":[null,"import type { CSSProperties } from \"react\";\nimport {\n  getSlotAppearance,\n  resolveAppearanceCore,\n  type AppearanceElements,\n  type ShadcnVariableMapping,\n  type SlotAppearance,\n} from \"@/src/lib/appearance-core\";\n\n/**\n * Product list appearance API.\n *\n * It mirrors `CheckoutAppearance` and `ReturnsAppearance` (theme, tokens,\n * elements) so a shop can reuse one brand object for all of them. The resolver\n * is pure: it turns the caller input into a theme name, the tokens in effect,\n * the slot overrides and the inline style for the theme boundary.\n */\n\nexport type ProductListTheme = \"light\" | \"dark\";\n\nexport type ProductListAppearanceTokens = {\n  /** Font family of the list. The library never loads fonts. */\n  fontFamily?: string;\n  /** Base font size. */\n  fontSize?: string;\n  /** List background. */\n  background?: string;\n  /** Raised surfaces: cards, image placeholders, skeletons. */\n  surface?: string;\n  /** Main text color. */\n  foreground?: string;\n  /** Secondary text: descriptions, the struck-through price. */\n  mutedForeground?: string;\n  /** Borders of cards and buttons. */\n  border?: string;\n  /** \"Add to cart\" button background. */\n  buttonBackground?: string;\n  /** \"Add to cart\" button text. */\n  buttonForeground?: string;\n  /** \"Add to cart\" button background on hover. */\n  buttonHoverBackground?: string;\n  /** Hover surface of cards and secondary buttons. */\n  hoverSurface?: string;\n  /** Focus ring color. */\n  focusRing?: string;\n  /** Error and unavailable state color. */\n  error?: string;\n  /** Badge background (subscription, unavailable). */\n  badgeBackground?: string;\n  /** Badge text. */\n  badgeForeground?: string;\n  /** Corner radius of cards, images and buttons. */\n  radius?: string;\n};\n\n/**\n * Stable slot names. They are exposed as `data-bitsnap-products-slot`\n * attributes so they can also be targeted from plain CSS.\n */\nexport const PRODUCT_LIST_SLOT_NAMES = [\n  \"root\",\n  \"grid\",\n  \"card\",\n  \"cardLink\",\n  \"image\",\n  \"imagePlaceholder\",\n  \"body\",\n  \"name\",\n  \"description\",\n  \"price\",\n  \"comparePrice\",\n  \"badge\",\n  \"actions\",\n  \"addToCartButton\",\n  \"selectButton\",\n  \"message\",\n  \"pagination\",\n  \"paginationButton\",\n  \"pageIndicator\",\n  \"emptyState\",\n  \"error\",\n  \"retryButton\",\n  \"skeleton\",\n] as const;\n\nexport type ProductListSlotName = (typeof PRODUCT_LIST_SLOT_NAMES)[number];\n\nexport type ProductListSlotAppearance = SlotAppearance;\n\nexport type ProductListAppearanceElements =\n  AppearanceElements<ProductListSlotName>;\n\nexport type ProductListAppearance = {\n  /** `\"light\"` or `\"dark\"`. Omitted means `\"light\"`. */\n  theme?: ProductListTheme;\n  /** Partial overrides applied over the theme preset. */\n  tokens?: ProductListAppearanceTokens;\n  /** Per element `className`/`style` overrides. */\n  elements?: ProductListAppearanceElements;\n};\n\nexport type ResolvedProductListAppearance = {\n  theme: ProductListTheme;\n  /** Tokens that are in effect (the theme preset plus caller overrides). */\n  tokens: ProductListAppearanceTokens;\n  elements: ProductListAppearanceElements;\n  /** Theme marker class for the theme boundary. */\n  boundaryClassName: string;\n  /** Inline custom properties applied to the list root. */\n  boundaryStyle: CSSProperties;\n};\n\n/** CSS custom property used for each token. */\nexport const PRODUCT_LIST_TOKEN_VARIABLES = {\n  fontFamily: \"--bitsnap-products-font-family\",\n  fontSize: \"--bitsnap-products-font-size\",\n  background: \"--bitsnap-products-background\",\n  surface: \"--bitsnap-products-surface\",\n  foreground: \"--bitsnap-products-foreground\",\n  mutedForeground: \"--bitsnap-products-muted-foreground\",\n  border: \"--bitsnap-products-border\",\n  buttonBackground: \"--bitsnap-products-button-background\",\n  buttonForeground: \"--bitsnap-products-button-foreground\",\n  buttonHoverBackground: \"--bitsnap-products-button-hover-background\",\n  hoverSurface: \"--bitsnap-products-hover-surface\",\n  focusRing: \"--bitsnap-products-focus-ring\",\n  error: \"--bitsnap-products-error\",\n  badgeBackground: \"--bitsnap-products-badge-background\",\n  badgeForeground: \"--bitsnap-products-badge-foreground\",\n  radius: \"--bitsnap-products-radius\",\n} as const;\n\nexport type ProductListTokenName = keyof typeof PRODUCT_LIST_TOKEN_VARIABLES;\n\n/**\n * Complete palettes. They carry colors and radius only, so typography is never\n * reset implicitly. `products.css` falls back to the light values, which keeps\n * the list usable even when the boundary style is missing.\n */\nexport const PRODUCT_LIST_THEME_PRESETS: Record<\n  ProductListTheme,\n  ProductListAppearanceTokens\n> = {\n  light: {\n    background: \"#ffffff\",\n    surface: \"#f9fafb\",\n    foreground: \"#18181b\",\n    mutedForeground: \"#71717a\",\n    border: \"#e4e4e7\",\n    buttonBackground: \"#18181b\",\n    buttonForeground: \"#fafafa\",\n    buttonHoverBackground: \"#000000\",\n    hoverSurface: \"#f4f4f5\",\n    focusRing: \"#71717a\",\n    error: \"#dc2626\",\n    badgeBackground: \"#f4f4f5\",\n    badgeForeground: \"#3f3f46\",\n    radius: \"8px\",\n  },\n  dark: {\n    background: \"#18181b\",\n    surface: \"#27272a\",\n    foreground: \"#fafafa\",\n    mutedForeground: \"#a1a1aa\",\n    border: \"#3f3f46\",\n    buttonBackground: \"#fafafa\",\n    buttonForeground: \"#18181b\",\n    buttonHoverBackground: \"#e4e4e7\",\n    hoverSurface: \"#3f3f46\",\n    focusRing: \"#a1a1aa\",\n    error: \"#f87171\",\n    badgeBackground: \"#3f3f46\",\n    badgeForeground: \"#e4e4e7\",\n    radius: \"8px\",\n  },\n};\n\n/** The list renders its own elements, so no shared primitive needs remapping. */\nconst PRODUCT_LIST_SHADCN_VARIABLES: ShadcnVariableMapping<ProductListTokenName> =\n  [];\n\nexport function resolveProductListAppearance(\n  appearance?: ProductListAppearance,\n): ResolvedProductListAppearance {\n  const resolved = resolveAppearanceCore<\n    ProductListTokenName,\n    ProductListTheme,\n    ProductListSlotName\n  >(appearance, {\n    defaultTheme: \"light\",\n    presets: PRODUCT_LIST_THEME_PRESETS,\n    variables: PRODUCT_LIST_TOKEN_VARIABLES,\n    shadcnVariables: PRODUCT_LIST_SHADCN_VARIABLES,\n  });\n\n  return {\n    theme: resolved.theme,\n    tokens: resolved.tokens,\n    elements: resolved.elements,\n    boundaryClassName: resolved.theme,\n    boundaryStyle: resolved.boundaryStyle,\n  };\n}\n\n/** Caller overrides for a single slot, if any were provided. */\nexport function getProductListSlotAppearance(\n  resolved: ResolvedProductListAppearance,\n  slot: ProductListSlotName,\n): ProductListSlotAppearance | undefined {\n  return getSlotAppearance(resolved.elements, slot);\n}\n","import { DEFAULT_LOCALE } from \"../checkout/locale\";\n\nfunction createFormatter(\n  locale: string,\n  currency: string,\n): Intl.NumberFormat | undefined {\n  try {\n    return new Intl.NumberFormat(locale, {\n      style: \"currency\",\n      currency,\n      currencyDisplay: \"symbol\",\n    });\n  } catch {\n    // RangeError: invalid locale or currency code.\n    return undefined;\n  }\n}\n\n/**\n * Formats a price in minor units (grosze, cents) for the locale, the same way\n * the cart does (`amount / 100`). An unknown locale falls back to Polish and an\n * invalid currency code to a plain number followed by the code.\n */\nexport function formatProductPrice(\n  amount: number,\n  currency: string,\n  locale: string = DEFAULT_LOCALE,\n): string {\n  const value = amount / 100;\n  const formatter =\n    createFormatter(locale, currency) ??\n    createFormatter(DEFAULT_LOCALE, currency);\n\n  return formatter != null\n    ? formatter.format(value)\n    : `${value.toFixed(2)} ${currency}`;\n}\n"]}

package/dist/{chunk-KH7DFTJY.mjs → chunk-4TZAGNEU.mjs}

@@ -1,2 +1,2 @@
-import{a as Xe,b as Ge}from"./chunk-KOVKUJAW.mjs";import{i as xe,j as _,m as Ye,n as He,q as v,r as Se,t as We,u as Ze,v as $e}from"./chunk-3DGHF373.mjs";import{d as i,i as Je,m as et}from"./chunk-GAVLY6RX.mjs";import{l as Qe,m as se,n as Ve}from"./chunk-YNGXQJPE.mjs";var vr=["root","header","title","description","backButton","stepIndicator","error","emptyState","skeleton","emailForm","emailInput","codeForm","codeInput","resendButton","logoutButton","orderList","orderCard","orderReference","orderDate","orderTotal","pagination","lineList","line","lineName","linePrice","lineQuantityControl","quantityButton","quantityInput","lineIneligibleReason","noteInput","summary","submitButton","secondaryButton","successState","returnReference","returnInstructions","returnList","returnCard","statusBadge","history","historyEntry"],zt={fontFamily:"--bitsnap-returns-font-family",fontSize:"--bitsnap-returns-font-size",background:"--bitsnap-returns-background",surface:"--bitsnap-returns-surface",foreground:"--bitsnap-returns-foreground",mutedForeground:"--bitsnap-returns-muted-foreground",border:"--bitsnap-returns-border",buttonBackground:"--bitsnap-returns-button-background",buttonForeground:"--bitsnap-returns-button-foreground",buttonHoverBackground:"--bitsnap-returns-button-hover-background",hoverSurface:"--bitsnap-returns-hover-surface",focusRing:"--bitsnap-returns-focus-ring",error:"--bitsnap-returns-error",success:"--bitsnap-returns-success",warning:"--bitsnap-returns-warning",badgeBackground:"--bitsnap-returns-badge-background",badgeForeground:"--bitsnap-returns-badge-foreground",inputBackground:"--bitsnap-returns-input-background",radius:"--bitsnap-returns-radius"},Dt={light:{background:"#ffffff",surface:"#f9fafb",foreground:"#18181b",mutedForeground:"#71717a",border:"#e4e4e7",buttonBackground:"#18181b",buttonForeground:"#fafafa",buttonHoverBackground:"#000000",hoverSurface:"#f4f4f5",focusRing:"#71717a",error:"#dc2626",success:"#16a34a",warning:"#d97706",badgeBackground:"#f4f4f5",badgeForeground:"#3f3f46",inputBackground:"#ffffff",radius:"8px"},dark:{background:"#18181b",surface:"#27272a",foreground:"#fafafa",mutedForeground:"#a1a1aa",border:"#3f3f46",buttonBackground:"#fafafa",buttonForeground:"#18181b",buttonHoverBackground:"#e4e4e7",hoverSurface:"#3f3f46",focusRing:"#a1a1aa",error:"#f87171",success:"#4ade80",warning:"#fbbf24",badgeBackground:"#3f3f46",badgeForeground:"#e4e4e7",inputBackground:"#27272a",radius:"8px"}},Ot=[{token:"background",variable:"--background"},{token:"foreground",variable:"--foreground"},{token:"surface",variable:"--card"},{token:"foreground",variable:"--card-foreground"},{token:"surface",variable:"--popover"},{token:"foreground",variable:"--popover-foreground"},{token:"buttonBackground",variable:"--primary"},{token:"buttonForeground",variable:"--primary-foreground"},{token:"surface",variable:"--secondary"},{token:"foreground",variable:"--secondary-foreground"},{token:"hoverSurface",variable:"--accent"},{token:"foreground",variable:"--accent-foreground"},{token:"mutedForeground",variable:"--muted-foreground"},{token:"border",variable:"--border"},{token:"border",variable:"--input"},{token:"focusRing",variable:"--ring"},{token:"error",variable:"--destructive"},{token:"radius",variable:"--radius"}];function ve(e){let r=Xe(e,{defaultTheme:"light",presets:Dt,variables:zt,shadcnVariables:Ot});return{theme:r.theme,tokens:r.tokens,elements:r.elements,boundaryClassName:r.theme,boundaryStyle:r.boundaryStyle}}function tt(e,r){return Ge(e.elements,r)}import{createContext as Ft,useContext as Mt,useMemo as qt}from"react";import{jsx as Kt}from"react/jsx-runtime";var rt=Ft(ve());function nt({appearance:e,children:r}){let t=qt(()=>ve(e),[e]);return Kt(rt.Provider,{value:t,children:r})}function Ne(){return Mt(rt)}function l(e){let r=Ne();return tt(r,e)??{}}function ot(e){return e==="test"||e===1?1:0}var st={title:["emailStepTitle"],email:["emailLabel"],sendCode:["emailSubmit"],code:["codeLabel"],verify:["codeSubmit"],orders:["ordersTitle"],submit:["confirmationSubmit"],note:["noteLabel"],history:["myReturnsTitle","myReturnsLink"]};function at(e){if(e==null)return;let r={};for(let[t,n]of Object.entries(st)){let o=e[t];if(typeof o=="string")for(let u of n)r[u]=o}for(let t of Object.keys(e)){if(t in st)continue;let n=e[t];typeof n=="string"&&(r[t]=n)}return r}function it(e,r){let t=r?.brandColor?.trim();return t==null||t===""?e:{...e,tokens:{...We(t),...e?.tokens}}}function he(e,r){return typeof e=="object"&&e!=null?{pageSize:e.pageSize??20,explicitPageToken:void 0}:typeof e=="number"||r!==void 0?{pageSize:e??20,explicitPageToken:r??""}:{pageSize:20,explicitPageToken:void 0}}var _t={en:{back:"Back",stepIndicator:"Step {current} of {total}",loading:"Loading",myReturnsLink:"My returns",emailStepTitle:"Return a product",emailStepDescription:"Enter the email address you used for the order. We will send you a verification code.",emailLabel:"Email address",emailPlaceholder:"name@example.com",emailSubmit:"Send code",codeStepTitle:"Enter the code",codeStepDescription:"We sent a verification code to {email}.",codeLabel:"Verification code",codeSubmit:"Verify",resend:"Send the code again",resendIn:"Send again in {seconds} s",logout:"Sign out",ordersTitle:"Your orders",ordersDescription:"Choose the order that contains the product to return.",ordersEmpty:"There are no orders eligible for return.",orderTitle:"Order {reference}",orderReturnableLines:"Products available to return: {count}",orderSelect:"Choose",paginationPrevious:"Previous",paginationNext:"Next",paginationInfo:"Page {page}, {total} orders",orderDetailTitle:"Order {reference}",orderDetailDescription:"Select the products and quantities to return.",quantityLabel:"Quantity to return: {name}",quantityDecrease:"Decrease quantity: {name}",quantityIncrease:"Increase quantity: {name}",quantityOfAvailable:"of {available}",lineIneligibleFallback:"This product cannot be returned.",noteLabel:"Note (optional)",notePlaceholder:"Tell us why you are returning the product",selectionContinue:"Continue",selectionEmpty:"Select at least one item to return.",previousReturnsTitle:"Earlier returns for this order",confirmationTitle:"Confirm the return",confirmationDescription:"Check the products before you submit the request.",confirmationSummary:"Products to return",confirmationQuantity:"Quantity: {quantity}",confirmationNote:"Your note",confirmationSubmit:"Submit return request",successTitle:"Return request submitted",successDescription:"We received your request and will keep you posted.",successReference:"Request number",successInstructions:"What to do next",successDone:"Back to orders",myReturnsTitle:"My returns",myReturnsDescription:"Track the status of your return requests.",myReturnsEmpty:"You have not submitted any return requests yet.",myReturnOpen:"Details",myReturnDetailTitle:"Return details",myReturnTitle:"Return {reference}",myReturnCreatedAt:"Submitted",myReturnRefund:"Refund",myReturnLines:"Products",myReturnLineQuantities:"Requested: {requested}, approved: {approved}, received: {received}",myReturnNote:"Your note",myReturnHistory:"History",statusSubmitted:"Submitted",statusApproved:"Approved",statusRejected:"Rejected",statusAwaitingReceipt:"Awaiting the package",statusReceived:"Package received",statusCompleted:"Completed",statusCancelled:"Cancelled",statusRefunded:"Refunded",statusFallback:"In progress",refundStatusNotStarted:"Not started",refundStatusPending:"Refund in progress",refundStatusSucceeded:"Refunded",refundStatusFailed:"Refund failed",refundStatusFallback:"Unknown",errorGeneric:"Something went wrong. Please try again.",errorInvalidEmail:"Enter a valid email address.",errorInvalidCode:"The code is invalid or has expired.",errorSessionExpired:"Your session has expired. Verify your email again.",errorOrderNotFound:"We could not find this order.",errorReturnNotFound:"We could not find this return request.",errorQuantityUnavailable:"The selected quantity is no longer available for return.",errorItemNotReturnable:"One of the selected products cannot be returned.",errorReturnsDisabled:"Returns are not available in this shop.",errorRateLimited:"Too many attempts. Please try again later.",errorIdempotencyConflict:"This request was already submitted with different contents. Reload and try again.",errorDeliveryFailed:"We could not send the code. Please try again.",errorRetry:"Try again"},pl:{back:"Wstecz",stepIndicator:"Krok {current} z {total}",loading:"\u0141adowanie",myReturnsLink:"Moje zwroty",emailStepTitle:"Zwr\xF3\u0107 produkt",emailStepDescription:"Podaj adres e-mail u\u017Cyty w zam\xF3wieniu. Wy\u015Blemy na niego kod weryfikacyjny.",emailLabel:"Adres e-mail",emailPlaceholder:"jan@example.com",emailSubmit:"Wy\u015Blij kod",codeStepTitle:"Wpisz kod",codeStepDescription:"Wys\u0142ali\u015Bmy kod weryfikacyjny na adres {email}.",codeLabel:"Kod weryfikacyjny",codeSubmit:"Zweryfikuj",resend:"Wy\u015Blij kod ponownie",resendIn:"Wy\u015Blij ponownie za {seconds} s",logout:"Wyloguj si\u0119",ordersTitle:"Twoje zam\xF3wienia",ordersDescription:"Wybierz zam\xF3wienie z produktem do zwrotu.",ordersEmpty:"Brak zam\xF3wie\u0144, kt\xF3re mo\u017Cna zwr\xF3ci\u0107.",orderTitle:"Zam\xF3wienie {reference}",orderReturnableLines:"Produkty do zwrotu: {count}",orderSelect:"Wybierz",paginationPrevious:"Poprzednia",paginationNext:"Nast\u0119pna",paginationInfo:"Strona {page}, zam\xF3wie\u0144: {total}",orderDetailTitle:"Zam\xF3wienie {reference}",orderDetailDescription:"Wybierz produkty i ilo\u015Bci do zwrotu.",quantityLabel:"Ilo\u015B\u0107 do zwrotu: {name}",quantityDecrease:"Zmniejsz ilo\u015B\u0107: {name}",quantityIncrease:"Zwi\u0119ksz ilo\u015B\u0107: {name}",quantityOfAvailable:"z {available}",lineIneligibleFallback:"Ten produkt nie podlega zwrotowi.",noteLabel:"Uwagi (opcjonalnie)",notePlaceholder:"Napisz, dlaczego zwracasz produkt",selectionContinue:"Dalej",selectionEmpty:"Wybierz co najmniej jedn\u0105 sztuk\u0119 do zwrotu.",previousReturnsTitle:"Wcze\u015Bniejsze zwroty tego zam\xF3wienia",confirmationTitle:"Potwierd\u017A zwrot",confirmationDescription:"Sprawd\u017A produkty przed wys\u0142aniem zg\u0142oszenia.",confirmationSummary:"Produkty do zwrotu",confirmationQuantity:"Ilo\u015B\u0107: {quantity}",confirmationNote:"Twoje uwagi",confirmationSubmit:"Wy\u015Blij zg\u0142oszenie zwrotu",successTitle:"Zg\u0142oszenie zwrotu zosta\u0142o wys\u0142ane",successDescription:"Otrzymali\u015Bmy zg\u0142oszenie i b\u0119dziemy informowa\u0107 o jego statusie.",successReference:"Numer zg\u0142oszenia",successInstructions:"Co dalej",successDone:"Wr\xF3\u0107 do zam\xF3wie\u0144",myReturnsTitle:"Moje zwroty",myReturnsDescription:"Sprawd\u017A status swoich zg\u0142osze\u0144 zwrotu.",myReturnsEmpty:"Nie masz jeszcze \u017Cadnych zg\u0142osze\u0144 zwrotu.",myReturnOpen:"Szczeg\xF3\u0142y",myReturnDetailTitle:"Szczeg\xF3\u0142y zwrotu",myReturnTitle:"Zwrot {reference}",myReturnCreatedAt:"Zg\u0142oszono",myReturnRefund:"Zwrot \u015Brodk\xF3w",myReturnLines:"Produkty",myReturnLineQuantities:"Zg\u0142oszono: {requested}, zaakceptowano: {approved}, odebrano: {received}",myReturnNote:"Twoje uwagi",myReturnHistory:"Historia",statusSubmitted:"Zg\u0142oszony",statusApproved:"Zaakceptowany",statusRejected:"Odrzucony",statusAwaitingReceipt:"Oczekiwanie na paczk\u0119",statusReceived:"Paczka odebrana",statusCompleted:"Zako\u0144czony",statusCancelled:"Anulowany",statusRefunded:"\u015Arodki zwr\xF3cone",statusFallback:"W trakcie",refundStatusNotStarted:"Nie rozpocz\u0119to",refundStatusPending:"Zwrot \u015Brodk\xF3w w toku",refundStatusSucceeded:"\u015Arodki zwr\xF3cone",refundStatusFailed:"Zwrot \u015Brodk\xF3w nie powi\xF3d\u0142 si\u0119",refundStatusFallback:"Nieznany",errorGeneric:"Co\u015B posz\u0142o nie tak. Spr\xF3buj ponownie.",errorInvalidEmail:"Podaj poprawny adres e-mail.",errorInvalidCode:"Kod jest nieprawid\u0142owy lub wygas\u0142.",errorSessionExpired:"Sesja wygas\u0142a. Zweryfikuj adres e-mail ponownie.",errorOrderNotFound:"Nie znaleziono tego zam\xF3wienia.",errorReturnNotFound:"Nie znaleziono tego zg\u0142oszenia zwrotu.",errorQuantityUnavailable:"Wybrana ilo\u015B\u0107 nie jest ju\u017C dost\u0119pna do zwrotu.",errorItemNotReturnable:"Jeden z wybranych produkt\xF3w nie podlega zwrotowi.",errorReturnsDisabled:"Zwroty nie s\u0105 dost\u0119pne w tym sklepie.",errorRateLimited:"Zbyt wiele pr\xF3b. Spr\xF3buj ponownie p\xF3\u017Aniej.",errorIdempotencyConflict:"To zg\u0142oszenie zosta\u0142o ju\u017C wys\u0142ane z inn\u0105 zawarto\u015Bci\u0105. Od\u015Bwie\u017C stron\u0119 i spr\xF3buj ponownie.",errorDeliveryFailed:"Nie uda\u0142o si\u0119 wys\u0142a\u0107 kodu. Spr\xF3buj ponownie.",errorRetry:"Spr\xF3buj ponownie"}};function ke(e,r){return Je(_t,e,r)}function ut(e,r){return e.replace(/\{(\w+)\}/g,(t,n)=>Object.prototype.hasOwnProperty.call(r,n)?String(r[n]):t)}var jt={submitted:"statusSubmitted",approved:"statusApproved",rejected:"statusRejected",awaiting_receipt:"statusAwaitingReceipt",received:"statusReceived",completed:"statusCompleted",cancelled:"statusCancelled",refunded:"statusRefunded"},Ut={not_started:"refundStatusNotStarted",pending:"refundStatusPending",succeeded:"refundStatusSucceeded",failed:"refundStatusFailed"};function lt(e){return jt[e]??"statusFallback"}function ct(e){return Ut[e]??"refundStatusFallback"}import{createContext as Qt,useCallback as Vt,useContext as dt,useMemo as Yt}from"react";import{jsx as Ht}from"react/jsx-runtime";var Te=Qt({locale:"pl-PL",texts:ke("pl-PL")});function pt({texts:e,locale:r,children:t}){let n=r??et(),o=Yt(()=>({locale:n,texts:ke(n,e)}),[n,e]);return Ht(Te.Provider,{value:o,children:t})}function h(){let{texts:e}=dt(Te);return Vt((r,t)=>t==null?e[r]:ut(e[r],t),[e])}function Y(){return dt(Te).locale}import{createClient as $t}from"@connectrpc/connect";import{createConnectQueryKey as Xt,TransportProvider as Gt}from"@connectrpc/connect-query";import{QueryClient as Jt,QueryClientContext as er,QueryClientProvider as tr,useQueryClient as rr}from"@tanstack/react-query";import{createContext as nr,useCallback as Ee,useContext as gt,useEffect as ft,useMemo as ie,useRef as sr,useState as ue}from"react";import{timestampMs as Wt}from"@bufbuild/protobuf/wkt";var Zt="bitsnap-returns-session:";function we(e){return`${Zt}${e}`}function oe(){try{return typeof window<"u"?window.sessionStorage:void 0}catch{return}}function mt(e,r,t=Date.now()){if(e==null)return;let n=we(r);try{let o=e.getItem(n);if(o==null)return;let u=JSON.parse(o);if(u!=null&&typeof u=="object"&&typeof u.token=="string"&&u.token.length>0&&typeof u.expiresAt=="number"&&u.expiresAt>t){let{token:s,expiresAt:a}=u;return{token:s,expiresAt:a}}e.removeItem(n)}catch{try{e.removeItem(n)}catch{}}}function yt(e,r,t){try{e?.setItem(we(r),JSON.stringify(t))}catch{}}function Ie(e,r){try{e?.removeItem(we(r))}catch{}}function ae(e){return e==null?void 0:Wt(e)}import{jsx as j}from"react/jsx-runtime";var Rt=nr(void 0);function T(e){let r=gt(Rt);if(r==null)throw new Error(`${e} must be rendered inside <ReturnsProvider>`);return r}function Ce(){return Xt({schema:xe,cardinality:void 0})}var or=2**31-1;function ar({projectID:e,environment:r,transport:t,panelAccessToken:n,className:o,children:u}){let s=rr(),{boundaryClassName:a,boundaryStyle:y}=Ne(),m=l("root"),[p,f]=ue({status:"hydrating"}),[c,b]=ue(),[g,C]=ue(),I=sr(void 0),N=Ee(()=>{s.removeQueries({queryKey:Ce()})},[s]),B=Ee(()=>{Ie(oe(),e),C(void 0),f({status:"anonymous"}),N()},[e,N]),w=Ee(k=>{yt(oe(),e,k),b(void 0),C(void 0),f({status:"authenticated",token:k.token,expiresAt:k.expiresAt})},[e]);ft(()=>{let k=!1,Q=oe();if(n==null||n===""){let O=I.current!=null;if(I.current=void 0,O){B();return}let q=mt(Q,e);f(q!=null?{status:"authenticated",token:q.token,expiresAt:q.expiresAt}:{status:"anonymous"});return}return I.current=n,Ie(Q,e),N(),b(void 0),f({status:"exchanging"}),$t(xe,t).exchangePanelSession({projectId:e,accessToken:n,environment:r}).then(O=>{if(k)return;let q=ae(O.expiresAt);if(O.sessionToken===""||q==null)throw new Error("EMPTY_SESSION");w({token:O.sessionToken,expiresAt:q})}).catch(O=>{k||(b(O),f({status:"anonymous"}))}),()=>{k=!0}},[n,e,r,t]),ft(()=>{if(p.status!=="authenticated"||p.expiresAt==null)return;let k=p.expiresAt-Date.now();if(k<=0){B();return}let Q=setTimeout(B,Math.min(k,or));return()=>clearTimeout(Q)},[p.status,p.expiresAt,B]);let P=ie(()=>({projectID:e,environment:r,status:p.status,token:p.token,exchangeError:c,challenge:g,setChallenge:C,authenticate:w,clearSession:B}),[e,r,p.status,p.token,c,g,w,B]);return j(Rt.Provider,{value:P,children:j("div",{"data-bitsnap-returns":"root","data-bitsnap-returns-slot":"root",className:i("bitsnap-react",a,o,m.className),style:{...y,...m.style},children:u})})}function ir({projectID:e,host:r,environment:t,appearance:n,texts:o,theme:u,locale:s,panelAccessToken:a,className:y,analytics:m,children:p}){let f=Ve(e,m,"returns"),c=gt(er),[b]=ue(()=>c==null?new Jt({defaultOptions:{queries:{staleTime:5e3}}}):void 0),g=r??Ye(),C=ie(()=>He(g),[g]),I=u?.brandColor,N=ie(()=>it(n,{brandColor:I}),[n,I]),B=ie(()=>at(o),[o]),w=j(Qe,{value:f,children:j(Gt,{transport:C,children:j(nt,{appearance:N,children:j(pt,{texts:B,locale:s,children:j(ar,{projectID:e,environment:ot(t),transport:C,panelAccessToken:a,className:y,children:p})})})})});return c==null&&b!=null?j(tr,{client:b,children:w}):w}var Xr=ir;import{useMutation as Ae,useQuery as le}from"@connectrpc/connect-query";import{useQueryClient as lr}from"@tanstack/react-query";import{useCallback as K,useEffect as vt,useRef as cr,useState as dr}from"react";var ur="SESSION_EXPIRED",bt={INVALID_EMAIL:"errorInvalidEmail",INVALID_OR_EXPIRED_CODE:"errorInvalidCode",SESSION_EXPIRED:"errorSessionExpired",ORDER_NOT_FOUND:"errorOrderNotFound",RETURN_NOT_FOUND:"errorReturnNotFound",QUANTITY_UNAVAILABLE:"errorQuantityUnavailable",ITEM_NOT_RETURNABLE:"errorItemNotReturnable",INVALID_RETURN_ITEMS:"errorItemNotReturnable",RETURNS_DISABLED:"errorReturnsDisabled",SUBMISSION_RATE_LIMITED:"errorRateLimited",IDEMPOTENCY_CONFLICT:"errorIdempotencyConflict",VERIFICATION_DELIVERY_FAILED:"errorDeliveryFailed"};function xt(e){if(e==null||typeof e!="object")return;let{rawMessage:r,message:t}=e;if(typeof r=="string"&&r.length>0)return r;if(typeof t=="string")return Object.keys(bt).find(n=>t.includes(n))}function Pe(e){return xt(e)===ur}function St(e){let r=xt(e);return(r!=null?bt[r]:void 0)??"errorGeneric"}function Le(){let e=typeof globalThis<"u"?globalThis.crypto:void 0;if(typeof e?.randomUUID=="function")return e.randomUUID();let r=new Uint8Array(16);if(typeof e?.getRandomValues=="function")e.getRandomValues(r);else for(let t=0;t<r.length;t++)r[t]=Math.floor(Math.random()*256);return Array.from(r,t=>t.toString(16).padStart(2,"0")).join("")}function $(e){return e==null?null:e instanceof Error?e:new Error(String(e))}function X(e){return e==null?void 0:St(e)}function ce(e,r){vt(()=>{Pe(e)&&r()},[e,r])}function Nt(e){let[r,t]=dr([""]);return vt(()=>{t([""])},[e]),{pageToken:r[r.length-1]??"",page:r.length,push:n=>t(o=>[...o,n]),pop:()=>t(n=>n.length>1?n.slice(0,-1):n)}}function de(){let e=T("useReturnSession"),r=Ae(_.returns.startReturnSession),t=Ae(_.returns.verifyReturnSession),{setChallenge:n,authenticate:o,clearSession:u}=e,s=K(async c=>{t.reset();let b=c.trim(),g=await r.mutateAsync({projectId:e.projectID,email:b,environment:e.environment});return n({challengeId:g.challengeId,email:b,resendAvailableAt:Date.now()+Math.max(0,g.resendAfterSeconds)*1e3}),g},[e.projectID,e.environment,n,r,t]),a=K(async c=>{let b=await t.mutateAsync({projectId:e.projectID,challengeId:c.challengeId,code:c.code,environment:e.environment}),g=ae(b.expiresAt);if(b.sessionToken===""||g==null)throw new Error("EMPTY_SESSION");return o({token:b.sessionToken,expiresAt:g}),b},[e.projectID,e.environment,o,t]),y=K(async c=>{try{return await s(c),!0}catch{return!1}},[s]),m=K(async c=>{if(e.challenge==null)return!1;try{return await a({challengeId:e.challenge.challengeId,code:c.trim()}),!0}catch{return!1}},[e.challenge,a]),p=K(()=>e.challenge!=null?y(e.challenge.email):Promise.resolve(!1),[e.challenge,y]),f=$(r.error??t.error??e.exchangeError);return{status:e.status,isAuthenticated:e.status==="authenticated",challenge:e.challenge,isStarting:r.isPending,isVerifying:t.isPending,starting:r.isPending,verifying:t.isPending,error:f,errorKey:X(f),start:y,startSession:s,verifySession:a,verify:m,resend:p,logout:u}}function pe(e){return e.status==="hydrating"||e.status==="exchanging"}function ht(e,r){let t=T("useReturnOrders"),{pageSize:n,explicitPageToken:o}=he(e,r),u=Nt(t.token),s=le(_.returns.listReturnOrders,{projectId:t.projectID,sessionToken:t.token??"",pageSize:n,pageToken:o??u.pageToken},{enabled:t.token!=null});ce(s.error,t.clearSession);let a=s.data?.nextPageToken??"";return{orders:s.data?.orders??[],total:s.data?.total??0,data:s.data,isLoading:pe(t)||s.isLoading,isFetching:s.isFetching,error:$(s.error),errorKey:X(s.error),status:s.status,isError:s.isError,isSuccess:s.isSuccess,page:u.page,hasNext:a!=="",hasPrevious:u.page>1,next:()=>{a!==""&&u.push(a)},previous:u.pop,refetch:()=>s.refetch()}}function Be(e){let r=T("useReturnableOrder"),t=le(_.returns.getReturnableOrder,{projectId:r.projectID,sessionToken:r.token??"",canonicalOrderId:e??""},{enabled:r.token!=null&&e!=null&&e!==""});return ce(t.error,r.clearSession),{order:t.data?.order,returnHistory:t.data?.returnHistory??[],data:t.data,isLoading:e!=null&&e!==""&&(pe(r)||t.isLoading),error:$(t.error),errorKey:X(t.error),status:t.status,isError:t.isError,isSuccess:t.isSuccess,refetch:()=>t.refetch()}}function kt(){let e=T("useCreateReturn"),r=lr(),t=Ae(_.returns.createReturnRequest),n=se(),o=cr(void 0),{clearSession:u}=e,s=K(async(p,f)=>{try{let c=await t.mutateAsync({projectId:e.projectID,sessionToken:e.token??"",canonicalOrderId:p.orderId,items:p.items,note:p.note??"",idempotencyKey:f});return r.invalidateQueries({queryKey:Ce()}),n.track("return_submitted",{reason_code:"unspecified",item_count:p.items.length},{order_ref:null}),c}catch(c){throw Pe(c)&&u(),c}},[e.projectID,e.token,t,r,u,n]),a=K(async p=>{o.current??=Le();try{let f=await s(p,o.current);return o.current=void 0,f.request}catch{return}},[s]),y=K(async p=>{if(e.token==null)throw new Error("Verify your email to continue.");return s({orderId:p.canonicalOrderID,items:p.items,note:p.note},p.idempotencyKey??Le())},[e.token,s]),m=K((p,f)=>{y(p).then(c=>f?.onSuccess?.(c),c=>f?.onError?.($(c)))},[y]);return{submit:a,isPending:t.isPending,error:$(t.error),errorKey:X(t.error),mutateAsync:y,mutate:m,data:t.data,reset:t.reset,status:t.status,isError:t.isError,isSuccess:t.isSuccess}}function Tt(e,r){let t=T("useMyReturns"),{pageSize:n,explicitPageToken:o}=he(e,r),u=Nt(t.token),s=le(_.returns.listMyReturns,{projectId:t.projectID,sessionToken:t.token??"",pageSize:n,pageToken:o??u.pageToken},{enabled:t.token!=null});ce(s.error,t.clearSession);let a=s.data?.nextPageToken??"";return{returns:s.data?.returns??[],total:s.data?.total??0,data:s.data,isLoading:pe(t)||s.isLoading,isFetching:s.isFetching,error:$(s.error),errorKey:X(s.error),status:s.status,isError:s.isError,isSuccess:s.isSuccess,page:u.page,hasNext:a!=="",hasPrevious:u.page>1,next:()=>{a!==""&&u.push(a)},previous:u.pop,refetch:()=>s.refetch()}}function me(e){let r=T("useMyReturn"),t=le(_.returns.getMyReturn,{projectId:r.projectID,sessionToken:r.token??"",returnId:e},{enabled:r.token!=null});return ce(t.error,r.clearSession),{request:t.data?.request,isLoading:pe(r)||t.isLoading,error:t.error,errorKey:X(t.error),refetch:()=>t.refetch()}}import{useEffect as fr,useState as De}from"react";import*as wt from"@radix-ui/react-label";import{jsx as pr}from"react/jsx-runtime";function te({className:e,...r}){return pr(wt.Root,{"data-slot":"label",className:i("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...r})}import{Loader2Icon as mr}from"lucide-react";import{jsx as yr}from"react/jsx-runtime";function re({className:e,...r}){return yr(mr,{role:"status","aria-label":"Loading",className:i("size-4 animate-spin",e),...r})}import{jsx as z,jsxs as ye}from"react/jsx-runtime";var H="bg-[var(--bitsnap-returns-button-background,#18181b)] text-[color:var(--bitsnap-returns-button-foreground,#fafafa)] hover:bg-[var(--bitsnap-returns-button-hover-background,#000000)] focus-visible:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]/50",L="border border-[color:var(--bitsnap-returns-border,#e4e4e7)] bg-transparent text-[color:var(--bitsnap-returns-foreground,#18181b)] hover:bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)] focus-visible:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]/50",G="bg-[var(--bitsnap-returns-input-background,#ffffff)] dark:bg-[var(--bitsnap-returns-input-background,#ffffff)] border-[color:var(--bitsnap-returns-border,#e4e4e7)] text-[color:var(--bitsnap-returns-foreground,#18181b)] placeholder:text-[color:var(--bitsnap-returns-muted-foreground,#71717a)] focus-visible:border-[color:var(--bitsnap-returns-focus-ring,#71717a)] focus-visible:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]/50";function M({title:e,description:r,onBack:t,className:n,children:o}){let u=h(),s=l("header"),a=l("title"),y=l("description"),m=l("backButton");return ye("section",{className:i("flex flex-col gap-5",n),children:[ye("div",{"data-bitsnap-returns-slot":"header",className:i("flex flex-col gap-2",s.className),style:s.style,children:[t!=null&&z(v,{type:"button",variant:"ghost",size:"sm","data-bitsnap-returns-slot":"backButton",className:i("self-start -ml-3 text-[color:var(--bitsnap-returns-muted-foreground,#71717a)] hover:bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)]",m.className),style:m.style,onClick:t,children:u("back")}),z("h2",{"data-bitsnap-returns-slot":"title",className:i("text-2xl font-semibold",a.className),style:a.style,children:e}),r!=null&&z("p",{"data-bitsnap-returns-slot":"description",className:i("text-sm",y.className),style:y.style,children:r})]}),o]})}function A({errorKey:e,onRetry:r}){let t=h(),n=l("error"),o=l("secondaryButton");return ye("div",{role:"alert","data-bitsnap-returns-slot":"error",className:i("flex flex-col items-start gap-2 text-sm",n.className),style:n.style,children:[z("p",{children:t(e)}),r!=null&&z(v,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(L,o.className),style:o.style,onClick:r,children:t("errorRetry")})]})}function fe({children:e}){let r=l("emptyState");return z("p",{"data-bitsnap-returns-slot":"emptyState",className:i("py-6 text-center text-sm",r.className),style:r.style,children:e})}function U({rows:e=3}){let r=h(),t=l("skeleton");return z("div",{role:"status","aria-busy":"true","aria-label":r("loading"),className:"flex flex-col gap-3",children:Array.from({length:e},(n,o)=>z(Ze,{"data-bitsnap-returns-slot":"skeleton",className:i("h-16 w-full bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)]",t.className),style:t.style},o))})}function J({status:e}){let r=h(),t=l("statusBadge");return z("span",{"data-bitsnap-returns-slot":"statusBadge","data-status":e,className:i("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium",t.className),style:t.style,children:r(lt(e))})}function ze(){let e=h();return r=>e(ct(r))}function ge({page:e,total:r,hasNext:t,hasPrevious:n,isFetching:o,onNext:u,onPrevious:s}){let a=h(),y=l("pagination"),m=l("secondaryButton");return!t&&!n?null:ye("nav",{"data-bitsnap-returns-slot":"pagination",className:i("flex items-center justify-between gap-3 text-sm",y.className),style:y.style,children:[z(v,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(L,m.className),style:m.style,disabled:!n||o,onClick:s,children:a("paginationPrevious")}),z("span",{"aria-live":"polite",children:a("paginationInfo",{page:e,total:r})}),z(v,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(L,m.className),style:m.style,disabled:!t||o,onClick:u,children:a("paginationNext")})]})}import{jsx as D,jsxs as W}from"react/jsx-runtime";function Kn({onSubmitted:e,className:r}){T("ReturnsEmailStep");let t=h(),n=de(),[o,u]=De(""),s=l("emailForm"),a=l("emailInput"),y=l("submitButton");async function m(p){p.preventDefault(),!n.isStarting&&await n.start(o)&&e?.(o.trim())}return D(M,{className:r,title:t("emailStepTitle"),description:t("emailStepDescription"),children:W("form",{"data-bitsnap-returns-slot":"emailForm",className:i("flex flex-col gap-4",s.className),style:s.style,onSubmit:m,children:[W("div",{className:"flex flex-col gap-2",children:[D(te,{htmlFor:"bitsnap-returns-email",children:t("emailLabel")}),D(Se,{id:"bitsnap-returns-email",type:"email",name:"email",autoComplete:"email",required:!0,value:o,placeholder:t("emailPlaceholder"),disabled:n.isStarting,"data-bitsnap-returns-slot":"emailInput",className:i(G,a.className),style:a.style,onChange:p=>u(p.target.value)})]}),n.errorKey!=null&&D(A,{errorKey:n.errorKey}),W(v,{type:"submit",disabled:n.isStarting,"data-bitsnap-returns-slot":"submitButton",className:i(H,y.className),style:y.style,children:[n.isStarting&&D(re,{}),t("emailSubmit")]})]})})}function gr(e){let[r,t]=De();return fr(()=>{if(e==null)return;t(Date.now());let n=setInterval(()=>{let o=Date.now();t(o),o>=e&&clearInterval(n)},1e3);return()=>clearInterval(n)},[e]),e!=null&&r!=null?Math.max(0,Math.ceil((e-r)/1e3)):0}function _n({onVerified:e,onBack:r,className:t}){T("ReturnsCodeStep");let n=h(),o=de(),[u,s]=De(""),a=gr(o.challenge?.resendAvailableAt),y=l("codeForm"),m=l("codeInput"),p=l("submitButton"),f=l("resendButton"),c=o.isVerifying||o.isStarting;async function b(g){g.preventDefault(),!c&&await o.verify(u)&&e?.()}return D(M,{className:t,onBack:r,title:n("codeStepTitle"),description:n("codeStepDescription",{email:o.challenge?.email??""}),children:W("form",{"data-bitsnap-returns-slot":"codeForm",className:i("flex flex-col gap-4",y.className),style:y.style,onSubmit:b,children:[W("div",{className:"flex flex-col gap-2",children:[D(te,{htmlFor:"bitsnap-returns-code",children:n("codeLabel")}),D(Se,{id:"bitsnap-returns-code",name:"code",inputMode:"numeric",autoComplete:"one-time-code",required:!0,value:u,disabled:c,"data-bitsnap-returns-slot":"codeInput",className:i(G,m.className),style:m.style,onChange:g=>s(g.target.value)})]}),o.errorKey!=null&&D(A,{errorKey:o.errorKey}),W("div",{className:"flex flex-wrap items-center gap-3",children:[W(v,{type:"submit",disabled:c||o.challenge==null,"data-bitsnap-returns-slot":"submitButton",className:i(H,p.className),style:p.style,children:[o.isVerifying&&D(re,{}),n("codeSubmit")]}),D(v,{type:"button",variant:"secondary",disabled:c||a>0||o.challenge==null,"data-bitsnap-returns-slot":"resendButton",className:i(L,f.className),style:f.style,onClick:()=>void o.resend(),children:a>0?n("resendIn",{seconds:a}):n("resend")})]})]})})}function It(){let e=h(),r=de(),t=l("logoutButton");return D(v,{type:"button",variant:"ghost",size:"sm","data-bitsnap-returns-slot":"logoutButton",className:i("text-[color:var(--bitsnap-returns-muted-foreground,#71717a)] hover:bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)]",t.className),style:t.style,onClick:r.logout,children:e("logout")})}import{useEffect as br,useState as Fe}from"react";import{timestampDate as Rr}from"@bufbuild/protobuf/wkt";function Z(e,r){if(e==null)return"";let t=Rr(e);try{return new Intl.DateTimeFormat(r,{dateStyle:"medium"}).format(t)}catch{return t.toISOString().slice(0,10)}}function ee(e,r,t){let n=typeof e=="bigint"?e:BigInt(Math.trunc(e));try{let o=new Intl.NumberFormat(t,{style:"currency",currency:r}),u=o.resolvedOptions().maximumFractionDigits??2;return o.format(Et(n,u))}catch{return`${Et(n,2)} ${r}`}}function Et(e,r){let t=e<BigInt(0),n=t?-e:e;if(r<=0)return`${t?"-":""}${n}`;let o=BigInt(10)**BigInt(r),u=n/o,s=(n%o).toString().padStart(r,"0");return`${t?"-":""}${u}.${s}`}function Ct(e,r){return Number.isFinite(e)?Math.min(Math.max(0,Math.trunc(e)),Math.max(0,r)):0}function Oe(e){return e.eligible&&e.availableQuantity>0}function Pt(e,r){return e.map(t=>({lineId:t,quantity:r[t]??0})).filter(t=>t.quantity>0)}import{Fragment as Lt,jsx as d,jsxs as x}from"react/jsx-runtime";function cs({onSelectOrder:e,onOpenMyReturns:r,showLogout:t=!0,pageSize:n,className:o}){T("ReturnsOrderList");let u=h(),s=Y(),a=ht({pageSize:n}),y=l("orderList"),m=l("orderCard"),p=l("orderReference"),f=l("orderDate"),c=l("orderTotal"),b=l("secondaryButton");return x(M,{className:o,title:u("ordersTitle"),description:u("ordersDescription"),children:[(t||r!=null)&&x("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[r!=null?d(v,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(L,b.className),style:b.style,onClick:r,children:u("myReturnsLink")}):d("span",{}),t&&d(It,{})]}),a.isLoading?d(U,{}):a.errorKey!=null?d(A,{errorKey:a.errorKey,onRetry:a.refetch}):a.orders.length===0?d(fe,{children:u("ordersEmpty")}):x(Lt,{children:[d("ul",{"data-bitsnap-returns-slot":"orderList",className:i("flex flex-col gap-3",y.className),style:y.style,children:a.orders.map(g=>x("li",{"data-bitsnap-returns-slot":"orderCard",className:i("flex flex-wrap items-center justify-between gap-3 border p-4",m.className),style:m.style,children:[x("div",{className:"flex flex-col gap-1",children:[d("span",{"data-bitsnap-returns-slot":"orderReference",className:i("font-medium",p.className),style:p.style,children:u("orderTitle",{reference:g.displayReference})}),d("span",{"data-bitsnap-returns-slot":"orderDate",className:i("text-sm",f.className),style:f.style,children:Z(g.purchasedAt,s)}),d("span",{className:"text-sm",children:u("orderReturnableLines",{count:g.returnableLineCount})})]}),x("div",{className:"flex items-center gap-4",children:[d("span",{"data-bitsnap-returns-slot":"orderTotal",className:i("font-medium",c.className),style:c.style,children:ee(g.totalMinor,g.currency,s)}),d(v,{type:"button",variant:"secondary",size:"sm","aria-label":`${u("orderSelect")}: ${u("orderTitle",{reference:g.displayReference})}`,"data-bitsnap-returns-slot":"secondaryButton",className:i(L,b.className),style:b.style,onClick:()=>e?.(g.canonicalOrderId),children:u("orderSelect")})]})]},g.canonicalOrderId))}),d(ge,{page:a.page,total:a.total,hasNext:a.hasNext,hasPrevious:a.hasPrevious,isFetching:a.isFetching,onNext:a.next,onPrevious:a.previous})]})]})}function ds({orderId:e,onContinue:r,onBack:t,initialItems:n,initialNote:o,className:u}){T("ReturnsOrderDetail");let s=se();br(()=>{s.track("return_started",{},{order_ref:null})},[s]);let a=h(),y=Y(),{order:m,returnHistory:p,isLoading:f,errorKey:c,refetch:b}=Be(e),[g,C]=Fe(()=>Object.fromEntries((n??[]).map(R=>[R.lineId,R.quantity]))),[I,N]=Fe(o??""),[B,w]=Fe(!1),P=l("lineList"),k=l("line"),Q=l("lineName"),O=l("linePrice"),q=l("lineQuantityControl"),ne=l("quantityButton"),Me=l("quantityInput"),qe=l("lineIneligibleReason"),Ke=l("noteInput"),_e=l("submitButton"),je=l("history"),Ue=l("historyEntry");function Re(R,V){w(!1),C(F=>({...F,[R.lineId]:Ct(V,R.availableQuantity)}))}function At(R){if(R.preventDefault(),m==null)return;let V=Pt(m.lines.filter(Oe).map(F=>F.lineId),g);if(V.length===0){w(!0);return}r?.({items:V,note:I.trim()})}return d(M,{className:u,onBack:t,title:a("orderDetailTitle",{reference:m?.displayReference??""}),description:a("orderDetailDescription"),children:f?d(U,{}):c!=null?d(A,{errorKey:c,onRetry:b}):m==null?null:x("form",{className:"flex flex-col gap-5",onSubmit:At,children:[d("ul",{"data-bitsnap-returns-slot":"lineList",className:i("flex flex-col gap-3",P.className),style:P.style,children:m.lines.map(R=>{let V=Oe(R),F=g[R.lineId]??0,be=`bitsnap-returns-quantity-${R.lineId}`;return x("li",{"data-bitsnap-returns-slot":"line","data-selected":F>0?"":void 0,"data-ineligible":V?void 0:"",className:i("flex flex-col gap-3 border p-4",k.className),style:k.style,children:[x("div",{className:"flex flex-wrap items-baseline justify-between gap-2",children:[d("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",Q.className),style:Q.style,children:R.name}),d("span",{"data-bitsnap-returns-slot":"linePrice",className:i("text-sm",O.className),style:O.style,children:ee(R.paidUnitMinor,R.currency,y)})]}),V?x("div",{role:"group","aria-label":a("quantityLabel",{name:R.name}),"data-bitsnap-returns-slot":"lineQuantityControl",className:i("flex items-center gap-2",q.className),style:q.style,children:[d(v,{type:"button",variant:"secondary",size:"icon-sm","aria-label":a("quantityDecrease",{name:R.name}),"aria-controls":be,disabled:F<=0,"data-bitsnap-returns-slot":"quantityButton",className:i(L,ne.className),style:ne.style,onClick:()=>Re(R,F-1),children:d("span",{"aria-hidden":"true",children:"-"})}),d("input",{id:be,type:"number",inputMode:"numeric",min:0,max:R.availableQuantity,step:1,value:F,"aria-label":a("quantityLabel",{name:R.name}),"data-bitsnap-returns-slot":"quantityInput",className:i("h-8 w-16 rounded-md border px-2 text-center text-sm outline-none focus-visible:ring-[3px]",G,Me.className),style:Me.style,onChange:Bt=>Re(R,Bt.target.valueAsNumber)}),d(v,{type:"button",variant:"secondary",size:"icon-sm","aria-label":a("quantityIncrease",{name:R.name}),"aria-controls":be,disabled:F>=R.availableQuantity,"data-bitsnap-returns-slot":"quantityButton",className:i(L,ne.className),style:ne.style,onClick:()=>Re(R,F+1),children:d("span",{"aria-hidden":"true",children:"+"})}),d("span",{className:"text-sm",children:a("quantityOfAvailable",{available:R.availableQuantity})})]}):d("p",{"data-bitsnap-returns-slot":"lineIneligibleReason",className:i("text-sm",qe.className),style:qe.style,children:R.exclusionReason!==""?R.exclusionReason:a("lineIneligibleFallback")})]},R.lineId)})}),x("div",{className:"flex flex-col gap-2",children:[d(te,{htmlFor:"bitsnap-returns-note",children:a("noteLabel")}),d($e,{id:"bitsnap-returns-note",name:"note",rows:3,maxLength:1e3,value:I,placeholder:a("notePlaceholder"),"data-bitsnap-returns-slot":"noteInput",className:i(G,"dark:border-[color:var(--bitsnap-returns-border,#e4e4e7)] dark:placeholder:text-[color:var(--bitsnap-returns-muted-foreground,#71717a)] dark:focus-visible:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]",Ke.className),style:Ke.style,onChange:R=>N(R.target.value)})]}),B&&d(A,{errorKey:"selectionEmpty"}),d(v,{type:"submit","data-bitsnap-returns-slot":"submitButton",className:i(H,_e.className),style:_e.style,children:a("selectionContinue")}),p.length>0&&x("div",{className:"flex flex-col gap-2",children:[d("h3",{className:"text-sm font-medium",children:a("previousReturnsTitle")}),d("ul",{"data-bitsnap-returns-slot":"history",className:i("flex flex-col gap-2",je.className),style:je.style,children:p.map(R=>x("li",{"data-bitsnap-returns-slot":"historyEntry",className:i("flex flex-wrap items-center justify-between gap-2 text-sm",Ue.className),style:Ue.style,children:[d("span",{children:R.reference}),d("span",{children:Z(R.createdAt,y)}),d(J,{status:R.status})]},R.id))})]})]})})}function ps({orderId:e,items:r,note:t,onSubmitted:n,onBack:o,className:u}){T("ReturnsConfirmation");let s=h(),a=Y(),{order:y,isLoading:m,errorKey:p,refetch:f}=Be(e),c=kt(),b=l("summary"),g=l("line"),C=l("lineName"),I=l("linePrice"),N=l("submitButton");async function B(w){if(w.preventDefault(),c.isPending)return;let P=await c.submit({orderId:e,items:r.map(k=>({lineId:k.lineId,quantity:k.quantity})),note:t});P!=null&&n?.(P.id,P)}return d(M,{className:u,onBack:o,title:s("confirmationTitle"),description:s("confirmationDescription"),children:m?d(U,{rows:2}):p!=null?d(A,{errorKey:p,onRetry:f}):x("form",{className:"flex flex-col gap-5",onSubmit:B,children:[x("div",{"data-bitsnap-returns-slot":"summary",className:i("flex flex-col gap-3 border p-4",b.className),style:b.style,children:[d("h3",{className:"text-sm font-medium",children:s("confirmationSummary")}),d("ul",{className:"flex flex-col gap-3",children:r.map(w=>{let P=y?.lines.find(k=>k.lineId===w.lineId);return x("li",{"data-bitsnap-returns-slot":"line",className:i("flex flex-wrap items-baseline justify-between gap-2",g.className),style:g.style,children:[d("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",C.className),style:C.style,children:P?.name??w.lineId}),x("span",{"data-bitsnap-returns-slot":"linePrice",className:i("text-sm",I.className),style:I.style,children:[s("confirmationQuantity",{quantity:w.quantity}),P!=null&&` \xB7 ${ee(P.paidUnitMinor*BigInt(w.quantity),P.currency,a)}`]})]},w.lineId)})}),t!=null&&t!==""&&x("div",{className:"flex flex-col gap-1 text-sm",children:[d("span",{className:"font-medium",children:s("confirmationNote")}),d("span",{className:"whitespace-pre-wrap",children:t})]})]}),c.errorKey!=null&&d(A,{errorKey:c.errorKey}),x(v,{type:"submit",disabled:c.isPending||r.length===0,"data-bitsnap-returns-slot":"submitButton",className:i(H,N.className),style:N.style,children:[c.isPending&&d(re,{}),s("confirmationSubmit")]})]})})}function ms({returnId:e,onContinue:r,onOpenMyReturns:t,className:n}){T("ReturnsResult");let o=h(),{request:u,isLoading:s,errorKey:a,refetch:y}=me(e),m=l("successState"),p=l("returnReference"),f=l("returnInstructions"),c=l("submitButton"),b=l("secondaryButton");return x("section",{className:i("flex flex-col gap-5",n),children:[x("div",{role:"status","data-bitsnap-returns-slot":"successState",className:i("flex flex-col gap-4 border p-5",m.className),style:m.style,children:[d("h2",{className:"text-2xl font-semibold",children:o("successTitle")}),d("p",{className:"text-sm",children:o("successDescription")}),s?d(U,{rows:2}):a!=null?d(A,{errorKey:a,onRetry:y}):u!=null&&x(Lt,{children:[x("div",{className:"flex flex-col gap-1",children:[d("span",{className:"text-sm",children:o("successReference")}),d("span",{"data-bitsnap-returns-slot":"returnReference",className:i("text-lg font-semibold",p.className),style:p.style,children:u.reference})]}),u.returnInstructions!==""&&x("div",{className:"flex flex-col gap-1",children:[d("span",{className:"text-sm font-medium",children:o("successInstructions")}),d("p",{"data-bitsnap-returns-slot":"returnInstructions",className:i("whitespace-pre-wrap border p-3 text-sm",f.className),style:f.style,children:u.returnInstructions})]})]})]}),x("div",{className:"flex flex-wrap gap-3",children:[d(v,{type:"button","data-bitsnap-returns-slot":"submitButton",className:i(H,c.className),style:c.style,onClick:r,children:o("successDone")}),t!=null&&d(v,{type:"button",variant:"secondary","data-bitsnap-returns-slot":"secondaryButton",className:i(L,b.className),style:b.style,onClick:t,children:o("myReturnsLink")})]})]})}import{Fragment as xr,jsx as S,jsxs as E}from"react/jsx-runtime";function Ts({onSelectReturn:e,onBack:r,pageSize:t,className:n}){T("ReturnsMyReturnsList");let o=h(),u=Y(),s=ze(),a=Tt({pageSize:t}),y=l("returnList"),m=l("returnCard"),p=l("returnReference"),f=l("secondaryButton");return S(M,{className:n,onBack:r,title:o("myReturnsTitle"),description:o("myReturnsDescription"),children:a.isLoading?S(U,{}):a.errorKey!=null?S(A,{errorKey:a.errorKey,onRetry:a.refetch}):a.returns.length===0?S(fe,{children:o("myReturnsEmpty")}):E(xr,{children:[S("ul",{"data-bitsnap-returns-slot":"returnList",className:i("flex flex-col gap-3",y.className),style:y.style,children:a.returns.map(c=>E("li",{"data-bitsnap-returns-slot":"returnCard",className:i("flex flex-wrap items-center justify-between gap-3 border p-4",m.className),style:m.style,children:[E("div",{className:"flex flex-col gap-1",children:[S("span",{"data-bitsnap-returns-slot":"returnReference",className:i("font-medium",p.className),style:p.style,children:c.reference}),S("span",{className:"text-sm",children:Z(c.createdAt,u)}),E("span",{className:"text-sm",children:[o("myReturnRefund"),": ",s(c.refundStatus)]})]}),E("div",{className:"flex items-center gap-3",children:[S(J,{status:c.status}),S(v,{type:"button",variant:"secondary",size:"sm","aria-label":`${o("myReturnOpen")}: ${c.reference}`,"data-bitsnap-returns-slot":"secondaryButton",className:i(L,f.className),style:f.style,onClick:()=>e?.(c.id),children:o("myReturnOpen")})]})]},c.id))}),S(ge,{page:a.page,total:a.total,hasNext:a.hasNext,hasPrevious:a.hasPrevious,isFetching:a.isFetching,onNext:a.next,onPrevious:a.previous})]})})}function ws({returnId:e,onBack:r,className:t}){T("ReturnsMyReturnDetail");let n=h(),o=Y(),u=ze(),{request:s,isLoading:a,errorKey:y,refetch:m}=me(e),p=l("summary"),f=l("lineList"),c=l("line"),b=l("lineName"),g=l("returnInstructions"),C=l("history"),I=l("historyEntry");return S(M,{className:t,onBack:r,title:s!=null?n("myReturnTitle",{reference:s.reference}):n("myReturnDetailTitle"),children:a?S(U,{}):y!=null?S(A,{errorKey:y,onRetry:m}):s!=null&&E("div",{className:"flex flex-col gap-5",children:[E("div",{"data-bitsnap-returns-slot":"summary",className:i("flex flex-col gap-2 border p-4 text-sm",p.className),style:p.style,children:[E("div",{className:"flex items-center justify-between gap-2",children:[S(J,{status:s.status}),E("span",{children:[n("myReturnCreatedAt"),":"," ",Z(s.createdAt,o)]})]}),E("span",{children:[n("myReturnRefund"),": ",u(s.refundStatus),s.refundAmountMinor>BigInt(0)&&` \xB7 ${ee(s.refundAmountMinor,s.currency,o)}`]}),s.customerNote!==""&&E("span",{className:"whitespace-pre-wrap",children:[n("myReturnNote"),": ",s.customerNote]})]}),s.returnInstructions!==""&&S("p",{"data-bitsnap-returns-slot":"returnInstructions",className:i("whitespace-pre-wrap border p-3 text-sm",g.className),style:g.style,children:s.returnInstructions}),E("div",{className:"flex flex-col gap-2",children:[S("h3",{className:"text-sm font-medium",children:n("myReturnLines")}),S("ul",{"data-bitsnap-returns-slot":"lineList",className:i("flex flex-col gap-3",f.className),style:f.style,children:s.lines.map(N=>E("li",{"data-bitsnap-returns-slot":"line",className:i("flex flex-wrap items-baseline justify-between gap-2 border p-4",c.className),style:c.style,children:[S("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",b.className),style:b.style,children:N.name}),S("span",{className:"text-sm",children:n("myReturnLineQuantities",{requested:N.requestedQuantity,approved:N.approvedQuantity,received:N.receivedQuantity})})]},N.lineId))})]}),s.history.length>0&&E("div",{className:"flex flex-col gap-2",children:[S("h3",{className:"text-sm font-medium",children:n("myReturnHistory")}),S("ul",{"data-bitsnap-returns-slot":"history",className:i("flex flex-col gap-2",C.className),style:C.style,children:s.history.map(N=>E("li",{"data-bitsnap-returns-slot":"historyEntry",className:i("flex flex-wrap items-center justify-between gap-2 text-sm",I.className),style:I.style,children:[S(J,{status:N.status}),S("span",{children:Z(N.createdAt,o)})]},N.id))})]})]})})}export{te as a,re as b,vr as c,nt as d,Ne as e,l as f,Pe as g,St as h,h as i,T as j,ir as k,Xr as l,de as m,ht as n,Be as o,kt as p,Tt as q,me as r,U as s,Kn as t,_n as u,cs as v,ds as w,ps as x,ms as y,Ts as z,ws as A};
-//# sourceMappingURL=chunk-KH7DFTJY.mjs.map
+import{a as Xe,b as Ge}from"./chunk-KOVKUJAW.mjs";import{i as xe,j as _,m as Ye,n as He,q as v,r as Se,t as We,u as Ze,v as $e}from"./chunk-L7LZG6MR.mjs";import{d as i,i as Je,m as et}from"./chunk-TBYY3RL2.mjs";import{l as Qe,m as se,n as Ve}from"./chunk-JZBU5SZJ.mjs";var vr=["root","header","title","description","backButton","stepIndicator","error","emptyState","skeleton","emailForm","emailInput","codeForm","codeInput","resendButton","logoutButton","orderList","orderCard","orderReference","orderDate","orderTotal","pagination","lineList","line","lineName","linePrice","lineQuantityControl","quantityButton","quantityInput","lineIneligibleReason","noteInput","summary","submitButton","secondaryButton","successState","returnReference","returnInstructions","returnList","returnCard","statusBadge","history","historyEntry"],zt={fontFamily:"--bitsnap-returns-font-family",fontSize:"--bitsnap-returns-font-size",background:"--bitsnap-returns-background",surface:"--bitsnap-returns-surface",foreground:"--bitsnap-returns-foreground",mutedForeground:"--bitsnap-returns-muted-foreground",border:"--bitsnap-returns-border",buttonBackground:"--bitsnap-returns-button-background",buttonForeground:"--bitsnap-returns-button-foreground",buttonHoverBackground:"--bitsnap-returns-button-hover-background",hoverSurface:"--bitsnap-returns-hover-surface",focusRing:"--bitsnap-returns-focus-ring",error:"--bitsnap-returns-error",success:"--bitsnap-returns-success",warning:"--bitsnap-returns-warning",badgeBackground:"--bitsnap-returns-badge-background",badgeForeground:"--bitsnap-returns-badge-foreground",inputBackground:"--bitsnap-returns-input-background",radius:"--bitsnap-returns-radius"},Dt={light:{background:"#ffffff",surface:"#f9fafb",foreground:"#18181b",mutedForeground:"#71717a",border:"#e4e4e7",buttonBackground:"#18181b",buttonForeground:"#fafafa",buttonHoverBackground:"#000000",hoverSurface:"#f4f4f5",focusRing:"#71717a",error:"#dc2626",success:"#16a34a",warning:"#d97706",badgeBackground:"#f4f4f5",badgeForeground:"#3f3f46",inputBackground:"#ffffff",radius:"8px"},dark:{background:"#18181b",surface:"#27272a",foreground:"#fafafa",mutedForeground:"#a1a1aa",border:"#3f3f46",buttonBackground:"#fafafa",buttonForeground:"#18181b",buttonHoverBackground:"#e4e4e7",hoverSurface:"#3f3f46",focusRing:"#a1a1aa",error:"#f87171",success:"#4ade80",warning:"#fbbf24",badgeBackground:"#3f3f46",badgeForeground:"#e4e4e7",inputBackground:"#27272a",radius:"8px"}},Ot=[{token:"background",variable:"--background"},{token:"foreground",variable:"--foreground"},{token:"surface",variable:"--card"},{token:"foreground",variable:"--card-foreground"},{token:"surface",variable:"--popover"},{token:"foreground",variable:"--popover-foreground"},{token:"buttonBackground",variable:"--primary"},{token:"buttonForeground",variable:"--primary-foreground"},{token:"surface",variable:"--secondary"},{token:"foreground",variable:"--secondary-foreground"},{token:"hoverSurface",variable:"--accent"},{token:"foreground",variable:"--accent-foreground"},{token:"mutedForeground",variable:"--muted-foreground"},{token:"border",variable:"--border"},{token:"border",variable:"--input"},{token:"focusRing",variable:"--ring"},{token:"error",variable:"--destructive"},{token:"radius",variable:"--radius"}];function ve(e){let r=Xe(e,{defaultTheme:"light",presets:Dt,variables:zt,shadcnVariables:Ot});return{theme:r.theme,tokens:r.tokens,elements:r.elements,boundaryClassName:r.theme,boundaryStyle:r.boundaryStyle}}function tt(e,r){return Ge(e.elements,r)}import{createContext as Ft,useContext as Mt,useMemo as qt}from"react";import{jsx as Kt}from"react/jsx-runtime";var rt=Ft(ve());function nt({appearance:e,children:r}){let t=qt(()=>ve(e),[e]);return Kt(rt.Provider,{value:t,children:r})}function Ne(){return Mt(rt)}function l(e){let r=Ne();return tt(r,e)??{}}function ot(e){return e==="test"||e===1?1:0}var st={title:["emailStepTitle"],email:["emailLabel"],sendCode:["emailSubmit"],code:["codeLabel"],verify:["codeSubmit"],orders:["ordersTitle"],submit:["confirmationSubmit"],note:["noteLabel"],history:["myReturnsTitle","myReturnsLink"]};function at(e){if(e==null)return;let r={};for(let[t,n]of Object.entries(st)){let o=e[t];if(typeof o=="string")for(let u of n)r[u]=o}for(let t of Object.keys(e)){if(t in st)continue;let n=e[t];typeof n=="string"&&(r[t]=n)}return r}function it(e,r){let t=r?.brandColor?.trim();return t==null||t===""?e:{...e,tokens:{...We(t),...e?.tokens}}}function he(e,r){return typeof e=="object"&&e!=null?{pageSize:e.pageSize??20,explicitPageToken:void 0}:typeof e=="number"||r!==void 0?{pageSize:e??20,explicitPageToken:r??""}:{pageSize:20,explicitPageToken:void 0}}var _t={en:{back:"Back",stepIndicator:"Step {current} of {total}",loading:"Loading",myReturnsLink:"My returns",emailStepTitle:"Return a product",emailStepDescription:"Enter the email address you used for the order. We will send you a verification code.",emailLabel:"Email address",emailPlaceholder:"name@example.com",emailSubmit:"Send code",codeStepTitle:"Enter the code",codeStepDescription:"We sent a verification code to {email}.",codeLabel:"Verification code",codeSubmit:"Verify",resend:"Send the code again",resendIn:"Send again in {seconds} s",logout:"Sign out",ordersTitle:"Your orders",ordersDescription:"Choose the order that contains the product to return.",ordersEmpty:"There are no orders eligible for return.",orderTitle:"Order {reference}",orderReturnableLines:"Products available to return: {count}",orderSelect:"Choose",paginationPrevious:"Previous",paginationNext:"Next",paginationInfo:"Page {page}, {total} orders",orderDetailTitle:"Order {reference}",orderDetailDescription:"Select the products and quantities to return.",quantityLabel:"Quantity to return: {name}",quantityDecrease:"Decrease quantity: {name}",quantityIncrease:"Increase quantity: {name}",quantityOfAvailable:"of {available}",lineIneligibleFallback:"This product cannot be returned.",noteLabel:"Note (optional)",notePlaceholder:"Tell us why you are returning the product",selectionContinue:"Continue",selectionEmpty:"Select at least one item to return.",previousReturnsTitle:"Earlier returns for this order",confirmationTitle:"Confirm the return",confirmationDescription:"Check the products before you submit the request.",confirmationSummary:"Products to return",confirmationQuantity:"Quantity: {quantity}",confirmationNote:"Your note",confirmationSubmit:"Submit return request",successTitle:"Return request submitted",successDescription:"We received your request and will keep you posted.",successReference:"Request number",successInstructions:"What to do next",successDone:"Back to orders",myReturnsTitle:"My returns",myReturnsDescription:"Track the status of your return requests.",myReturnsEmpty:"You have not submitted any return requests yet.",myReturnOpen:"Details",myReturnDetailTitle:"Return details",myReturnTitle:"Return {reference}",myReturnCreatedAt:"Submitted",myReturnRefund:"Refund",myReturnLines:"Products",myReturnLineQuantities:"Requested: {requested}, approved: {approved}, received: {received}",myReturnNote:"Your note",myReturnHistory:"History",statusSubmitted:"Submitted",statusApproved:"Approved",statusRejected:"Rejected",statusAwaitingReceipt:"Awaiting the package",statusReceived:"Package received",statusCompleted:"Completed",statusCancelled:"Cancelled",statusRefunded:"Refunded",statusFallback:"In progress",refundStatusNotStarted:"Not started",refundStatusPending:"Refund in progress",refundStatusSucceeded:"Refunded",refundStatusFailed:"Refund failed",refundStatusFallback:"Unknown",errorGeneric:"Something went wrong. Please try again.",errorInvalidEmail:"Enter a valid email address.",errorInvalidCode:"The code is invalid or has expired.",errorSessionExpired:"Your session has expired. Verify your email again.",errorOrderNotFound:"We could not find this order.",errorReturnNotFound:"We could not find this return request.",errorQuantityUnavailable:"The selected quantity is no longer available for return.",errorItemNotReturnable:"One of the selected products cannot be returned.",errorReturnsDisabled:"Returns are not available in this shop.",errorRateLimited:"Too many attempts. Please try again later.",errorIdempotencyConflict:"This request was already submitted with different contents. Reload and try again.",errorDeliveryFailed:"We could not send the code. Please try again.",errorRetry:"Try again"},pl:{back:"Wstecz",stepIndicator:"Krok {current} z {total}",loading:"\u0141adowanie",myReturnsLink:"Moje zwroty",emailStepTitle:"Zwr\xF3\u0107 produkt",emailStepDescription:"Podaj adres e-mail u\u017Cyty w zam\xF3wieniu. Wy\u015Blemy na niego kod weryfikacyjny.",emailLabel:"Adres e-mail",emailPlaceholder:"jan@example.com",emailSubmit:"Wy\u015Blij kod",codeStepTitle:"Wpisz kod",codeStepDescription:"Wys\u0142ali\u015Bmy kod weryfikacyjny na adres {email}.",codeLabel:"Kod weryfikacyjny",codeSubmit:"Zweryfikuj",resend:"Wy\u015Blij kod ponownie",resendIn:"Wy\u015Blij ponownie za {seconds} s",logout:"Wyloguj si\u0119",ordersTitle:"Twoje zam\xF3wienia",ordersDescription:"Wybierz zam\xF3wienie z produktem do zwrotu.",ordersEmpty:"Brak zam\xF3wie\u0144, kt\xF3re mo\u017Cna zwr\xF3ci\u0107.",orderTitle:"Zam\xF3wienie {reference}",orderReturnableLines:"Produkty do zwrotu: {count}",orderSelect:"Wybierz",paginationPrevious:"Poprzednia",paginationNext:"Nast\u0119pna",paginationInfo:"Strona {page}, zam\xF3wie\u0144: {total}",orderDetailTitle:"Zam\xF3wienie {reference}",orderDetailDescription:"Wybierz produkty i ilo\u015Bci do zwrotu.",quantityLabel:"Ilo\u015B\u0107 do zwrotu: {name}",quantityDecrease:"Zmniejsz ilo\u015B\u0107: {name}",quantityIncrease:"Zwi\u0119ksz ilo\u015B\u0107: {name}",quantityOfAvailable:"z {available}",lineIneligibleFallback:"Ten produkt nie podlega zwrotowi.",noteLabel:"Uwagi (opcjonalnie)",notePlaceholder:"Napisz, dlaczego zwracasz produkt",selectionContinue:"Dalej",selectionEmpty:"Wybierz co najmniej jedn\u0105 sztuk\u0119 do zwrotu.",previousReturnsTitle:"Wcze\u015Bniejsze zwroty tego zam\xF3wienia",confirmationTitle:"Potwierd\u017A zwrot",confirmationDescription:"Sprawd\u017A produkty przed wys\u0142aniem zg\u0142oszenia.",confirmationSummary:"Produkty do zwrotu",confirmationQuantity:"Ilo\u015B\u0107: {quantity}",confirmationNote:"Twoje uwagi",confirmationSubmit:"Wy\u015Blij zg\u0142oszenie zwrotu",successTitle:"Zg\u0142oszenie zwrotu zosta\u0142o wys\u0142ane",successDescription:"Otrzymali\u015Bmy zg\u0142oszenie i b\u0119dziemy informowa\u0107 o jego statusie.",successReference:"Numer zg\u0142oszenia",successInstructions:"Co dalej",successDone:"Wr\xF3\u0107 do zam\xF3wie\u0144",myReturnsTitle:"Moje zwroty",myReturnsDescription:"Sprawd\u017A status swoich zg\u0142osze\u0144 zwrotu.",myReturnsEmpty:"Nie masz jeszcze \u017Cadnych zg\u0142osze\u0144 zwrotu.",myReturnOpen:"Szczeg\xF3\u0142y",myReturnDetailTitle:"Szczeg\xF3\u0142y zwrotu",myReturnTitle:"Zwrot {reference}",myReturnCreatedAt:"Zg\u0142oszono",myReturnRefund:"Zwrot \u015Brodk\xF3w",myReturnLines:"Produkty",myReturnLineQuantities:"Zg\u0142oszono: {requested}, zaakceptowano: {approved}, odebrano: {received}",myReturnNote:"Twoje uwagi",myReturnHistory:"Historia",statusSubmitted:"Zg\u0142oszony",statusApproved:"Zaakceptowany",statusRejected:"Odrzucony",statusAwaitingReceipt:"Oczekiwanie na paczk\u0119",statusReceived:"Paczka odebrana",statusCompleted:"Zako\u0144czony",statusCancelled:"Anulowany",statusRefunded:"\u015Arodki zwr\xF3cone",statusFallback:"W trakcie",refundStatusNotStarted:"Nie rozpocz\u0119to",refundStatusPending:"Zwrot \u015Brodk\xF3w w toku",refundStatusSucceeded:"\u015Arodki zwr\xF3cone",refundStatusFailed:"Zwrot \u015Brodk\xF3w nie powi\xF3d\u0142 si\u0119",refundStatusFallback:"Nieznany",errorGeneric:"Co\u015B posz\u0142o nie tak. Spr\xF3buj ponownie.",errorInvalidEmail:"Podaj poprawny adres e-mail.",errorInvalidCode:"Kod jest nieprawid\u0142owy lub wygas\u0142.",errorSessionExpired:"Sesja wygas\u0142a. Zweryfikuj adres e-mail ponownie.",errorOrderNotFound:"Nie znaleziono tego zam\xF3wienia.",errorReturnNotFound:"Nie znaleziono tego zg\u0142oszenia zwrotu.",errorQuantityUnavailable:"Wybrana ilo\u015B\u0107 nie jest ju\u017C dost\u0119pna do zwrotu.",errorItemNotReturnable:"Jeden z wybranych produkt\xF3w nie podlega zwrotowi.",errorReturnsDisabled:"Zwroty nie s\u0105 dost\u0119pne w tym sklepie.",errorRateLimited:"Zbyt wiele pr\xF3b. Spr\xF3buj ponownie p\xF3\u017Aniej.",errorIdempotencyConflict:"To zg\u0142oszenie zosta\u0142o ju\u017C wys\u0142ane z inn\u0105 zawarto\u015Bci\u0105. Od\u015Bwie\u017C stron\u0119 i spr\xF3buj ponownie.",errorDeliveryFailed:"Nie uda\u0142o si\u0119 wys\u0142a\u0107 kodu. Spr\xF3buj ponownie.",errorRetry:"Spr\xF3buj ponownie"}};function ke(e,r){return Je(_t,e,r)}function ut(e,r){return e.replace(/\{(\w+)\}/g,(t,n)=>Object.prototype.hasOwnProperty.call(r,n)?String(r[n]):t)}var jt={submitted:"statusSubmitted",approved:"statusApproved",rejected:"statusRejected",awaiting_receipt:"statusAwaitingReceipt",received:"statusReceived",completed:"statusCompleted",cancelled:"statusCancelled",refunded:"statusRefunded"},Ut={not_started:"refundStatusNotStarted",pending:"refundStatusPending",succeeded:"refundStatusSucceeded",failed:"refundStatusFailed"};function lt(e){return jt[e]??"statusFallback"}function ct(e){return Ut[e]??"refundStatusFallback"}import{createContext as Qt,useCallback as Vt,useContext as dt,useMemo as Yt}from"react";import{jsx as Ht}from"react/jsx-runtime";var Te=Qt({locale:"pl-PL",texts:ke("pl-PL")});function pt({texts:e,locale:r,children:t}){let n=r??et(),o=Yt(()=>({locale:n,texts:ke(n,e)}),[n,e]);return Ht(Te.Provider,{value:o,children:t})}function h(){let{texts:e}=dt(Te);return Vt((r,t)=>t==null?e[r]:ut(e[r],t),[e])}function Y(){return dt(Te).locale}import{createClient as $t}from"@connectrpc/connect";import{createConnectQueryKey as Xt,TransportProvider as Gt}from"@connectrpc/connect-query";import{QueryClient as Jt,QueryClientContext as er,QueryClientProvider as tr,useQueryClient as rr}from"@tanstack/react-query";import{createContext as nr,useCallback as Ee,useContext as gt,useEffect as ft,useMemo as ie,useRef as sr,useState as ue}from"react";import{timestampMs as Wt}from"@bufbuild/protobuf/wkt";var Zt="bitsnap-returns-session:";function we(e){return`${Zt}${e}`}function oe(){try{return typeof window<"u"?window.sessionStorage:void 0}catch{return}}function mt(e,r,t=Date.now()){if(e==null)return;let n=we(r);try{let o=e.getItem(n);if(o==null)return;let u=JSON.parse(o);if(u!=null&&typeof u=="object"&&typeof u.token=="string"&&u.token.length>0&&typeof u.expiresAt=="number"&&u.expiresAt>t){let{token:s,expiresAt:a}=u;return{token:s,expiresAt:a}}e.removeItem(n)}catch{try{e.removeItem(n)}catch{}}}function yt(e,r,t){try{e?.setItem(we(r),JSON.stringify(t))}catch{}}function Ie(e,r){try{e?.removeItem(we(r))}catch{}}function ae(e){return e==null?void 0:Wt(e)}import{jsx as j}from"react/jsx-runtime";var Rt=nr(void 0);function T(e){let r=gt(Rt);if(r==null)throw new Error(`${e} must be rendered inside <ReturnsProvider>`);return r}function Ce(){return Xt({schema:xe,cardinality:void 0})}var or=2**31-1;function ar({projectID:e,environment:r,transport:t,panelAccessToken:n,className:o,children:u}){let s=rr(),{boundaryClassName:a,boundaryStyle:y}=Ne(),m=l("root"),[p,f]=ue({status:"hydrating"}),[c,b]=ue(),[g,C]=ue(),I=sr(void 0),N=Ee(()=>{s.removeQueries({queryKey:Ce()})},[s]),B=Ee(()=>{Ie(oe(),e),C(void 0),f({status:"anonymous"}),N()},[e,N]),w=Ee(k=>{yt(oe(),e,k),b(void 0),C(void 0),f({status:"authenticated",token:k.token,expiresAt:k.expiresAt})},[e]);ft(()=>{let k=!1,Q=oe();if(n==null||n===""){let O=I.current!=null;if(I.current=void 0,O){B();return}let q=mt(Q,e);f(q!=null?{status:"authenticated",token:q.token,expiresAt:q.expiresAt}:{status:"anonymous"});return}return I.current=n,Ie(Q,e),N(),b(void 0),f({status:"exchanging"}),$t(xe,t).exchangePanelSession({projectId:e,accessToken:n,environment:r}).then(O=>{if(k)return;let q=ae(O.expiresAt);if(O.sessionToken===""||q==null)throw new Error("EMPTY_SESSION");w({token:O.sessionToken,expiresAt:q})}).catch(O=>{k||(b(O),f({status:"anonymous"}))}),()=>{k=!0}},[n,e,r,t]),ft(()=>{if(p.status!=="authenticated"||p.expiresAt==null)return;let k=p.expiresAt-Date.now();if(k<=0){B();return}let Q=setTimeout(B,Math.min(k,or));return()=>clearTimeout(Q)},[p.status,p.expiresAt,B]);let P=ie(()=>({projectID:e,environment:r,status:p.status,token:p.token,exchangeError:c,challenge:g,setChallenge:C,authenticate:w,clearSession:B}),[e,r,p.status,p.token,c,g,w,B]);return j(Rt.Provider,{value:P,children:j("div",{"data-bitsnap-returns":"root","data-bitsnap-returns-slot":"root",className:i("bitsnap-react",a,o,m.className),style:{...y,...m.style},children:u})})}function ir({projectID:e,host:r,environment:t,appearance:n,texts:o,theme:u,locale:s,panelAccessToken:a,className:y,analytics:m,children:p}){let f=Ve(e,m,"returns"),c=gt(er),[b]=ue(()=>c==null?new Jt({defaultOptions:{queries:{staleTime:5e3}}}):void 0),g=r??Ye(),C=ie(()=>He(g),[g]),I=u?.brandColor,N=ie(()=>it(n,{brandColor:I}),[n,I]),B=ie(()=>at(o),[o]),w=j(Qe,{value:f,children:j(Gt,{transport:C,children:j(nt,{appearance:N,children:j(pt,{texts:B,locale:s,children:j(ar,{projectID:e,environment:ot(t),transport:C,panelAccessToken:a,className:y,children:p})})})})});return c==null&&b!=null?j(tr,{client:b,children:w}):w}var Xr=ir;import{useMutation as Ae,useQuery as le}from"@connectrpc/connect-query";import{useQueryClient as lr}from"@tanstack/react-query";import{useCallback as K,useEffect as vt,useRef as cr,useState as dr}from"react";var ur="SESSION_EXPIRED",bt={INVALID_EMAIL:"errorInvalidEmail",INVALID_OR_EXPIRED_CODE:"errorInvalidCode",SESSION_EXPIRED:"errorSessionExpired",ORDER_NOT_FOUND:"errorOrderNotFound",RETURN_NOT_FOUND:"errorReturnNotFound",QUANTITY_UNAVAILABLE:"errorQuantityUnavailable",ITEM_NOT_RETURNABLE:"errorItemNotReturnable",INVALID_RETURN_ITEMS:"errorItemNotReturnable",RETURNS_DISABLED:"errorReturnsDisabled",SUBMISSION_RATE_LIMITED:"errorRateLimited",IDEMPOTENCY_CONFLICT:"errorIdempotencyConflict",VERIFICATION_DELIVERY_FAILED:"errorDeliveryFailed"};function xt(e){if(e==null||typeof e!="object")return;let{rawMessage:r,message:t}=e;if(typeof r=="string"&&r.length>0)return r;if(typeof t=="string")return Object.keys(bt).find(n=>t.includes(n))}function Pe(e){return xt(e)===ur}function St(e){let r=xt(e);return(r!=null?bt[r]:void 0)??"errorGeneric"}function Le(){let e=typeof globalThis<"u"?globalThis.crypto:void 0;if(typeof e?.randomUUID=="function")return e.randomUUID();let r=new Uint8Array(16);if(typeof e?.getRandomValues=="function")e.getRandomValues(r);else for(let t=0;t<r.length;t++)r[t]=Math.floor(Math.random()*256);return Array.from(r,t=>t.toString(16).padStart(2,"0")).join("")}function $(e){return e==null?null:e instanceof Error?e:new Error(String(e))}function X(e){return e==null?void 0:St(e)}function ce(e,r){vt(()=>{Pe(e)&&r()},[e,r])}function Nt(e){let[r,t]=dr([""]);return vt(()=>{t([""])},[e]),{pageToken:r[r.length-1]??"",page:r.length,push:n=>t(o=>[...o,n]),pop:()=>t(n=>n.length>1?n.slice(0,-1):n)}}function de(){let e=T("useReturnSession"),r=Ae(_.returns.startReturnSession),t=Ae(_.returns.verifyReturnSession),{setChallenge:n,authenticate:o,clearSession:u}=e,s=K(async c=>{t.reset();let b=c.trim(),g=await r.mutateAsync({projectId:e.projectID,email:b,environment:e.environment});return n({challengeId:g.challengeId,email:b,resendAvailableAt:Date.now()+Math.max(0,g.resendAfterSeconds)*1e3}),g},[e.projectID,e.environment,n,r,t]),a=K(async c=>{let b=await t.mutateAsync({projectId:e.projectID,challengeId:c.challengeId,code:c.code,environment:e.environment}),g=ae(b.expiresAt);if(b.sessionToken===""||g==null)throw new Error("EMPTY_SESSION");return o({token:b.sessionToken,expiresAt:g}),b},[e.projectID,e.environment,o,t]),y=K(async c=>{try{return await s(c),!0}catch{return!1}},[s]),m=K(async c=>{if(e.challenge==null)return!1;try{return await a({challengeId:e.challenge.challengeId,code:c.trim()}),!0}catch{return!1}},[e.challenge,a]),p=K(()=>e.challenge!=null?y(e.challenge.email):Promise.resolve(!1),[e.challenge,y]),f=$(r.error??t.error??e.exchangeError);return{status:e.status,isAuthenticated:e.status==="authenticated",challenge:e.challenge,isStarting:r.isPending,isVerifying:t.isPending,starting:r.isPending,verifying:t.isPending,error:f,errorKey:X(f),start:y,startSession:s,verifySession:a,verify:m,resend:p,logout:u}}function pe(e){return e.status==="hydrating"||e.status==="exchanging"}function ht(e,r){let t=T("useReturnOrders"),{pageSize:n,explicitPageToken:o}=he(e,r),u=Nt(t.token),s=le(_.returns.listReturnOrders,{projectId:t.projectID,sessionToken:t.token??"",pageSize:n,pageToken:o??u.pageToken},{enabled:t.token!=null});ce(s.error,t.clearSession);let a=s.data?.nextPageToken??"";return{orders:s.data?.orders??[],total:s.data?.total??0,data:s.data,isLoading:pe(t)||s.isLoading,isFetching:s.isFetching,error:$(s.error),errorKey:X(s.error),status:s.status,isError:s.isError,isSuccess:s.isSuccess,page:u.page,hasNext:a!=="",hasPrevious:u.page>1,next:()=>{a!==""&&u.push(a)},previous:u.pop,refetch:()=>s.refetch()}}function Be(e){let r=T("useReturnableOrder"),t=le(_.returns.getReturnableOrder,{projectId:r.projectID,sessionToken:r.token??"",canonicalOrderId:e??""},{enabled:r.token!=null&&e!=null&&e!==""});return ce(t.error,r.clearSession),{order:t.data?.order,returnHistory:t.data?.returnHistory??[],data:t.data,isLoading:e!=null&&e!==""&&(pe(r)||t.isLoading),error:$(t.error),errorKey:X(t.error),status:t.status,isError:t.isError,isSuccess:t.isSuccess,refetch:()=>t.refetch()}}function kt(){let e=T("useCreateReturn"),r=lr(),t=Ae(_.returns.createReturnRequest),n=se(),o=cr(void 0),{clearSession:u}=e,s=K(async(p,f)=>{try{let c=await t.mutateAsync({projectId:e.projectID,sessionToken:e.token??"",canonicalOrderId:p.orderId,items:p.items,note:p.note??"",idempotencyKey:f});return r.invalidateQueries({queryKey:Ce()}),n.track("return_submitted",{reason_code:"unspecified",item_count:p.items.length},{order_ref:null}),c}catch(c){throw Pe(c)&&u(),c}},[e.projectID,e.token,t,r,u,n]),a=K(async p=>{o.current??=Le();try{let f=await s(p,o.current);return o.current=void 0,f.request}catch{return}},[s]),y=K(async p=>{if(e.token==null)throw new Error("Verify your email to continue.");return s({orderId:p.canonicalOrderID,items:p.items,note:p.note},p.idempotencyKey??Le())},[e.token,s]),m=K((p,f)=>{y(p).then(c=>f?.onSuccess?.(c),c=>f?.onError?.($(c)))},[y]);return{submit:a,isPending:t.isPending,error:$(t.error),errorKey:X(t.error),mutateAsync:y,mutate:m,data:t.data,reset:t.reset,status:t.status,isError:t.isError,isSuccess:t.isSuccess}}function Tt(e,r){let t=T("useMyReturns"),{pageSize:n,explicitPageToken:o}=he(e,r),u=Nt(t.token),s=le(_.returns.listMyReturns,{projectId:t.projectID,sessionToken:t.token??"",pageSize:n,pageToken:o??u.pageToken},{enabled:t.token!=null});ce(s.error,t.clearSession);let a=s.data?.nextPageToken??"";return{returns:s.data?.returns??[],total:s.data?.total??0,data:s.data,isLoading:pe(t)||s.isLoading,isFetching:s.isFetching,error:$(s.error),errorKey:X(s.error),status:s.status,isError:s.isError,isSuccess:s.isSuccess,page:u.page,hasNext:a!=="",hasPrevious:u.page>1,next:()=>{a!==""&&u.push(a)},previous:u.pop,refetch:()=>s.refetch()}}function me(e){let r=T("useMyReturn"),t=le(_.returns.getMyReturn,{projectId:r.projectID,sessionToken:r.token??"",returnId:e},{enabled:r.token!=null});return ce(t.error,r.clearSession),{request:t.data?.request,isLoading:pe(r)||t.isLoading,error:t.error,errorKey:X(t.error),refetch:()=>t.refetch()}}import{useEffect as fr,useState as De}from"react";import*as wt from"@radix-ui/react-label";import{jsx as pr}from"react/jsx-runtime";function te({className:e,...r}){return pr(wt.Root,{"data-slot":"label",className:i("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...r})}import{Loader2Icon as mr}from"lucide-react";import{jsx as yr}from"react/jsx-runtime";function re({className:e,...r}){return yr(mr,{role:"status","aria-label":"Loading",className:i("size-4 animate-spin",e),...r})}import{jsx as z,jsxs as ye}from"react/jsx-runtime";var H="bg-[var(--bitsnap-returns-button-background,#18181b)] text-[color:var(--bitsnap-returns-button-foreground,#fafafa)] hover:bg-[var(--bitsnap-returns-button-hover-background,#000000)] focus-visible:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]/50",L="border border-[color:var(--bitsnap-returns-border,#e4e4e7)] bg-transparent text-[color:var(--bitsnap-returns-foreground,#18181b)] hover:bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)] focus-visible:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]/50",G="bg-[var(--bitsnap-returns-input-background,#ffffff)] dark:bg-[var(--bitsnap-returns-input-background,#ffffff)] border-[color:var(--bitsnap-returns-border,#e4e4e7)] text-[color:var(--bitsnap-returns-foreground,#18181b)] placeholder:text-[color:var(--bitsnap-returns-muted-foreground,#71717a)] focus-visible:border-[color:var(--bitsnap-returns-focus-ring,#71717a)] focus-visible:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]/50";function M({title:e,description:r,onBack:t,className:n,children:o}){let u=h(),s=l("header"),a=l("title"),y=l("description"),m=l("backButton");return ye("section",{className:i("flex flex-col gap-5",n),children:[ye("div",{"data-bitsnap-returns-slot":"header",className:i("flex flex-col gap-2",s.className),style:s.style,children:[t!=null&&z(v,{type:"button",variant:"ghost",size:"sm","data-bitsnap-returns-slot":"backButton",className:i("self-start -ml-3 text-[color:var(--bitsnap-returns-muted-foreground,#71717a)] hover:bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)]",m.className),style:m.style,onClick:t,children:u("back")}),z("h2",{"data-bitsnap-returns-slot":"title",className:i("text-2xl font-semibold",a.className),style:a.style,children:e}),r!=null&&z("p",{"data-bitsnap-returns-slot":"description",className:i("text-sm",y.className),style:y.style,children:r})]}),o]})}function A({errorKey:e,onRetry:r}){let t=h(),n=l("error"),o=l("secondaryButton");return ye("div",{role:"alert","data-bitsnap-returns-slot":"error",className:i("flex flex-col items-start gap-2 text-sm",n.className),style:n.style,children:[z("p",{children:t(e)}),r!=null&&z(v,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(L,o.className),style:o.style,onClick:r,children:t("errorRetry")})]})}function fe({children:e}){let r=l("emptyState");return z("p",{"data-bitsnap-returns-slot":"emptyState",className:i("py-6 text-center text-sm",r.className),style:r.style,children:e})}function U({rows:e=3}){let r=h(),t=l("skeleton");return z("div",{role:"status","aria-busy":"true","aria-label":r("loading"),className:"flex flex-col gap-3",children:Array.from({length:e},(n,o)=>z(Ze,{"data-bitsnap-returns-slot":"skeleton",className:i("h-16 w-full bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)]",t.className),style:t.style},o))})}function J({status:e}){let r=h(),t=l("statusBadge");return z("span",{"data-bitsnap-returns-slot":"statusBadge","data-status":e,className:i("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium",t.className),style:t.style,children:r(lt(e))})}function ze(){let e=h();return r=>e(ct(r))}function ge({page:e,total:r,hasNext:t,hasPrevious:n,isFetching:o,onNext:u,onPrevious:s}){let a=h(),y=l("pagination"),m=l("secondaryButton");return!t&&!n?null:ye("nav",{"data-bitsnap-returns-slot":"pagination",className:i("flex items-center justify-between gap-3 text-sm",y.className),style:y.style,children:[z(v,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(L,m.className),style:m.style,disabled:!n||o,onClick:s,children:a("paginationPrevious")}),z("span",{"aria-live":"polite",children:a("paginationInfo",{page:e,total:r})}),z(v,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(L,m.className),style:m.style,disabled:!t||o,onClick:u,children:a("paginationNext")})]})}import{jsx as D,jsxs as W}from"react/jsx-runtime";function Kn({onSubmitted:e,className:r}){T("ReturnsEmailStep");let t=h(),n=de(),[o,u]=De(""),s=l("emailForm"),a=l("emailInput"),y=l("submitButton");async function m(p){p.preventDefault(),!n.isStarting&&await n.start(o)&&e?.(o.trim())}return D(M,{className:r,title:t("emailStepTitle"),description:t("emailStepDescription"),children:W("form",{"data-bitsnap-returns-slot":"emailForm",className:i("flex flex-col gap-4",s.className),style:s.style,onSubmit:m,children:[W("div",{className:"flex flex-col gap-2",children:[D(te,{htmlFor:"bitsnap-returns-email",children:t("emailLabel")}),D(Se,{id:"bitsnap-returns-email",type:"email",name:"email",autoComplete:"email",required:!0,value:o,placeholder:t("emailPlaceholder"),disabled:n.isStarting,"data-bitsnap-returns-slot":"emailInput",className:i(G,a.className),style:a.style,onChange:p=>u(p.target.value)})]}),n.errorKey!=null&&D(A,{errorKey:n.errorKey}),W(v,{type:"submit",disabled:n.isStarting,"data-bitsnap-returns-slot":"submitButton",className:i(H,y.className),style:y.style,children:[n.isStarting&&D(re,{}),t("emailSubmit")]})]})})}function gr(e){let[r,t]=De();return fr(()=>{if(e==null)return;t(Date.now());let n=setInterval(()=>{let o=Date.now();t(o),o>=e&&clearInterval(n)},1e3);return()=>clearInterval(n)},[e]),e!=null&&r!=null?Math.max(0,Math.ceil((e-r)/1e3)):0}function _n({onVerified:e,onBack:r,className:t}){T("ReturnsCodeStep");let n=h(),o=de(),[u,s]=De(""),a=gr(o.challenge?.resendAvailableAt),y=l("codeForm"),m=l("codeInput"),p=l("submitButton"),f=l("resendButton"),c=o.isVerifying||o.isStarting;async function b(g){g.preventDefault(),!c&&await o.verify(u)&&e?.()}return D(M,{className:t,onBack:r,title:n("codeStepTitle"),description:n("codeStepDescription",{email:o.challenge?.email??""}),children:W("form",{"data-bitsnap-returns-slot":"codeForm",className:i("flex flex-col gap-4",y.className),style:y.style,onSubmit:b,children:[W("div",{className:"flex flex-col gap-2",children:[D(te,{htmlFor:"bitsnap-returns-code",children:n("codeLabel")}),D(Se,{id:"bitsnap-returns-code",name:"code",inputMode:"numeric",autoComplete:"one-time-code",required:!0,value:u,disabled:c,"data-bitsnap-returns-slot":"codeInput",className:i(G,m.className),style:m.style,onChange:g=>s(g.target.value)})]}),o.errorKey!=null&&D(A,{errorKey:o.errorKey}),W("div",{className:"flex flex-wrap items-center gap-3",children:[W(v,{type:"submit",disabled:c||o.challenge==null,"data-bitsnap-returns-slot":"submitButton",className:i(H,p.className),style:p.style,children:[o.isVerifying&&D(re,{}),n("codeSubmit")]}),D(v,{type:"button",variant:"secondary",disabled:c||a>0||o.challenge==null,"data-bitsnap-returns-slot":"resendButton",className:i(L,f.className),style:f.style,onClick:()=>void o.resend(),children:a>0?n("resendIn",{seconds:a}):n("resend")})]})]})})}function It(){let e=h(),r=de(),t=l("logoutButton");return D(v,{type:"button",variant:"ghost",size:"sm","data-bitsnap-returns-slot":"logoutButton",className:i("text-[color:var(--bitsnap-returns-muted-foreground,#71717a)] hover:bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)]",t.className),style:t.style,onClick:r.logout,children:e("logout")})}import{useEffect as br,useState as Fe}from"react";import{timestampDate as Rr}from"@bufbuild/protobuf/wkt";function Z(e,r){if(e==null)return"";let t=Rr(e);try{return new Intl.DateTimeFormat(r,{dateStyle:"medium"}).format(t)}catch{return t.toISOString().slice(0,10)}}function ee(e,r,t){let n=typeof e=="bigint"?e:BigInt(Math.trunc(e));try{let o=new Intl.NumberFormat(t,{style:"currency",currency:r}),u=o.resolvedOptions().maximumFractionDigits??2;return o.format(Et(n,u))}catch{return`${Et(n,2)} ${r}`}}function Et(e,r){let t=e<BigInt(0),n=t?-e:e;if(r<=0)return`${t?"-":""}${n}`;let o=BigInt(10)**BigInt(r),u=n/o,s=(n%o).toString().padStart(r,"0");return`${t?"-":""}${u}.${s}`}function Ct(e,r){return Number.isFinite(e)?Math.min(Math.max(0,Math.trunc(e)),Math.max(0,r)):0}function Oe(e){return e.eligible&&e.availableQuantity>0}function Pt(e,r){return e.map(t=>({lineId:t,quantity:r[t]??0})).filter(t=>t.quantity>0)}import{Fragment as Lt,jsx as d,jsxs as x}from"react/jsx-runtime";function cs({onSelectOrder:e,onOpenMyReturns:r,showLogout:t=!0,pageSize:n,className:o}){T("ReturnsOrderList");let u=h(),s=Y(),a=ht({pageSize:n}),y=l("orderList"),m=l("orderCard"),p=l("orderReference"),f=l("orderDate"),c=l("orderTotal"),b=l("secondaryButton");return x(M,{className:o,title:u("ordersTitle"),description:u("ordersDescription"),children:[(t||r!=null)&&x("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[r!=null?d(v,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(L,b.className),style:b.style,onClick:r,children:u("myReturnsLink")}):d("span",{}),t&&d(It,{})]}),a.isLoading?d(U,{}):a.errorKey!=null?d(A,{errorKey:a.errorKey,onRetry:a.refetch}):a.orders.length===0?d(fe,{children:u("ordersEmpty")}):x(Lt,{children:[d("ul",{"data-bitsnap-returns-slot":"orderList",className:i("flex flex-col gap-3",y.className),style:y.style,children:a.orders.map(g=>x("li",{"data-bitsnap-returns-slot":"orderCard",className:i("flex flex-wrap items-center justify-between gap-3 border p-4",m.className),style:m.style,children:[x("div",{className:"flex flex-col gap-1",children:[d("span",{"data-bitsnap-returns-slot":"orderReference",className:i("font-medium",p.className),style:p.style,children:u("orderTitle",{reference:g.displayReference})}),d("span",{"data-bitsnap-returns-slot":"orderDate",className:i("text-sm",f.className),style:f.style,children:Z(g.purchasedAt,s)}),d("span",{className:"text-sm",children:u("orderReturnableLines",{count:g.returnableLineCount})})]}),x("div",{className:"flex items-center gap-4",children:[d("span",{"data-bitsnap-returns-slot":"orderTotal",className:i("font-medium",c.className),style:c.style,children:ee(g.totalMinor,g.currency,s)}),d(v,{type:"button",variant:"secondary",size:"sm","aria-label":`${u("orderSelect")}: ${u("orderTitle",{reference:g.displayReference})}`,"data-bitsnap-returns-slot":"secondaryButton",className:i(L,b.className),style:b.style,onClick:()=>e?.(g.canonicalOrderId),children:u("orderSelect")})]})]},g.canonicalOrderId))}),d(ge,{page:a.page,total:a.total,hasNext:a.hasNext,hasPrevious:a.hasPrevious,isFetching:a.isFetching,onNext:a.next,onPrevious:a.previous})]})]})}function ds({orderId:e,onContinue:r,onBack:t,initialItems:n,initialNote:o,className:u}){T("ReturnsOrderDetail");let s=se();br(()=>{s.track("return_started",{},{order_ref:null})},[s]);let a=h(),y=Y(),{order:m,returnHistory:p,isLoading:f,errorKey:c,refetch:b}=Be(e),[g,C]=Fe(()=>Object.fromEntries((n??[]).map(R=>[R.lineId,R.quantity]))),[I,N]=Fe(o??""),[B,w]=Fe(!1),P=l("lineList"),k=l("line"),Q=l("lineName"),O=l("linePrice"),q=l("lineQuantityControl"),ne=l("quantityButton"),Me=l("quantityInput"),qe=l("lineIneligibleReason"),Ke=l("noteInput"),_e=l("submitButton"),je=l("history"),Ue=l("historyEntry");function Re(R,V){w(!1),C(F=>({...F,[R.lineId]:Ct(V,R.availableQuantity)}))}function At(R){if(R.preventDefault(),m==null)return;let V=Pt(m.lines.filter(Oe).map(F=>F.lineId),g);if(V.length===0){w(!0);return}r?.({items:V,note:I.trim()})}return d(M,{className:u,onBack:t,title:a("orderDetailTitle",{reference:m?.displayReference??""}),description:a("orderDetailDescription"),children:f?d(U,{}):c!=null?d(A,{errorKey:c,onRetry:b}):m==null?null:x("form",{className:"flex flex-col gap-5",onSubmit:At,children:[d("ul",{"data-bitsnap-returns-slot":"lineList",className:i("flex flex-col gap-3",P.className),style:P.style,children:m.lines.map(R=>{let V=Oe(R),F=g[R.lineId]??0,be=`bitsnap-returns-quantity-${R.lineId}`;return x("li",{"data-bitsnap-returns-slot":"line","data-selected":F>0?"":void 0,"data-ineligible":V?void 0:"",className:i("flex flex-col gap-3 border p-4",k.className),style:k.style,children:[x("div",{className:"flex flex-wrap items-baseline justify-between gap-2",children:[d("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",Q.className),style:Q.style,children:R.name}),d("span",{"data-bitsnap-returns-slot":"linePrice",className:i("text-sm",O.className),style:O.style,children:ee(R.paidUnitMinor,R.currency,y)})]}),V?x("div",{role:"group","aria-label":a("quantityLabel",{name:R.name}),"data-bitsnap-returns-slot":"lineQuantityControl",className:i("flex items-center gap-2",q.className),style:q.style,children:[d(v,{type:"button",variant:"secondary",size:"icon-sm","aria-label":a("quantityDecrease",{name:R.name}),"aria-controls":be,disabled:F<=0,"data-bitsnap-returns-slot":"quantityButton",className:i(L,ne.className),style:ne.style,onClick:()=>Re(R,F-1),children:d("span",{"aria-hidden":"true",children:"-"})}),d("input",{id:be,type:"number",inputMode:"numeric",min:0,max:R.availableQuantity,step:1,value:F,"aria-label":a("quantityLabel",{name:R.name}),"data-bitsnap-returns-slot":"quantityInput",className:i("h-8 w-16 rounded-md border px-2 text-center text-sm outline-none focus-visible:ring-[3px]",G,Me.className),style:Me.style,onChange:Bt=>Re(R,Bt.target.valueAsNumber)}),d(v,{type:"button",variant:"secondary",size:"icon-sm","aria-label":a("quantityIncrease",{name:R.name}),"aria-controls":be,disabled:F>=R.availableQuantity,"data-bitsnap-returns-slot":"quantityButton",className:i(L,ne.className),style:ne.style,onClick:()=>Re(R,F+1),children:d("span",{"aria-hidden":"true",children:"+"})}),d("span",{className:"text-sm",children:a("quantityOfAvailable",{available:R.availableQuantity})})]}):d("p",{"data-bitsnap-returns-slot":"lineIneligibleReason",className:i("text-sm",qe.className),style:qe.style,children:R.exclusionReason!==""?R.exclusionReason:a("lineIneligibleFallback")})]},R.lineId)})}),x("div",{className:"flex flex-col gap-2",children:[d(te,{htmlFor:"bitsnap-returns-note",children:a("noteLabel")}),d($e,{id:"bitsnap-returns-note",name:"note",rows:3,maxLength:1e3,value:I,placeholder:a("notePlaceholder"),"data-bitsnap-returns-slot":"noteInput",className:i(G,"dark:border-[color:var(--bitsnap-returns-border,#e4e4e7)] dark:placeholder:text-[color:var(--bitsnap-returns-muted-foreground,#71717a)] dark:focus-visible:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]",Ke.className),style:Ke.style,onChange:R=>N(R.target.value)})]}),B&&d(A,{errorKey:"selectionEmpty"}),d(v,{type:"submit","data-bitsnap-returns-slot":"submitButton",className:i(H,_e.className),style:_e.style,children:a("selectionContinue")}),p.length>0&&x("div",{className:"flex flex-col gap-2",children:[d("h3",{className:"text-sm font-medium",children:a("previousReturnsTitle")}),d("ul",{"data-bitsnap-returns-slot":"history",className:i("flex flex-col gap-2",je.className),style:je.style,children:p.map(R=>x("li",{"data-bitsnap-returns-slot":"historyEntry",className:i("flex flex-wrap items-center justify-between gap-2 text-sm",Ue.className),style:Ue.style,children:[d("span",{children:R.reference}),d("span",{children:Z(R.createdAt,y)}),d(J,{status:R.status})]},R.id))})]})]})})}function ps({orderId:e,items:r,note:t,onSubmitted:n,onBack:o,className:u}){T("ReturnsConfirmation");let s=h(),a=Y(),{order:y,isLoading:m,errorKey:p,refetch:f}=Be(e),c=kt(),b=l("summary"),g=l("line"),C=l("lineName"),I=l("linePrice"),N=l("submitButton");async function B(w){if(w.preventDefault(),c.isPending)return;let P=await c.submit({orderId:e,items:r.map(k=>({lineId:k.lineId,quantity:k.quantity})),note:t});P!=null&&n?.(P.id,P)}return d(M,{className:u,onBack:o,title:s("confirmationTitle"),description:s("confirmationDescription"),children:m?d(U,{rows:2}):p!=null?d(A,{errorKey:p,onRetry:f}):x("form",{className:"flex flex-col gap-5",onSubmit:B,children:[x("div",{"data-bitsnap-returns-slot":"summary",className:i("flex flex-col gap-3 border p-4",b.className),style:b.style,children:[d("h3",{className:"text-sm font-medium",children:s("confirmationSummary")}),d("ul",{className:"flex flex-col gap-3",children:r.map(w=>{let P=y?.lines.find(k=>k.lineId===w.lineId);return x("li",{"data-bitsnap-returns-slot":"line",className:i("flex flex-wrap items-baseline justify-between gap-2",g.className),style:g.style,children:[d("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",C.className),style:C.style,children:P?.name??w.lineId}),x("span",{"data-bitsnap-returns-slot":"linePrice",className:i("text-sm",I.className),style:I.style,children:[s("confirmationQuantity",{quantity:w.quantity}),P!=null&&` \xB7 ${ee(P.paidUnitMinor*BigInt(w.quantity),P.currency,a)}`]})]},w.lineId)})}),t!=null&&t!==""&&x("div",{className:"flex flex-col gap-1 text-sm",children:[d("span",{className:"font-medium",children:s("confirmationNote")}),d("span",{className:"whitespace-pre-wrap",children:t})]})]}),c.errorKey!=null&&d(A,{errorKey:c.errorKey}),x(v,{type:"submit",disabled:c.isPending||r.length===0,"data-bitsnap-returns-slot":"submitButton",className:i(H,N.className),style:N.style,children:[c.isPending&&d(re,{}),s("confirmationSubmit")]})]})})}function ms({returnId:e,onContinue:r,onOpenMyReturns:t,className:n}){T("ReturnsResult");let o=h(),{request:u,isLoading:s,errorKey:a,refetch:y}=me(e),m=l("successState"),p=l("returnReference"),f=l("returnInstructions"),c=l("submitButton"),b=l("secondaryButton");return x("section",{className:i("flex flex-col gap-5",n),children:[x("div",{role:"status","data-bitsnap-returns-slot":"successState",className:i("flex flex-col gap-4 border p-5",m.className),style:m.style,children:[d("h2",{className:"text-2xl font-semibold",children:o("successTitle")}),d("p",{className:"text-sm",children:o("successDescription")}),s?d(U,{rows:2}):a!=null?d(A,{errorKey:a,onRetry:y}):u!=null&&x(Lt,{children:[x("div",{className:"flex flex-col gap-1",children:[d("span",{className:"text-sm",children:o("successReference")}),d("span",{"data-bitsnap-returns-slot":"returnReference",className:i("text-lg font-semibold",p.className),style:p.style,children:u.reference})]}),u.returnInstructions!==""&&x("div",{className:"flex flex-col gap-1",children:[d("span",{className:"text-sm font-medium",children:o("successInstructions")}),d("p",{"data-bitsnap-returns-slot":"returnInstructions",className:i("whitespace-pre-wrap border p-3 text-sm",f.className),style:f.style,children:u.returnInstructions})]})]})]}),x("div",{className:"flex flex-wrap gap-3",children:[d(v,{type:"button","data-bitsnap-returns-slot":"submitButton",className:i(H,c.className),style:c.style,onClick:r,children:o("successDone")}),t!=null&&d(v,{type:"button",variant:"secondary","data-bitsnap-returns-slot":"secondaryButton",className:i(L,b.className),style:b.style,onClick:t,children:o("myReturnsLink")})]})]})}import{Fragment as xr,jsx as S,jsxs as E}from"react/jsx-runtime";function Ts({onSelectReturn:e,onBack:r,pageSize:t,className:n}){T("ReturnsMyReturnsList");let o=h(),u=Y(),s=ze(),a=Tt({pageSize:t}),y=l("returnList"),m=l("returnCard"),p=l("returnReference"),f=l("secondaryButton");return S(M,{className:n,onBack:r,title:o("myReturnsTitle"),description:o("myReturnsDescription"),children:a.isLoading?S(U,{}):a.errorKey!=null?S(A,{errorKey:a.errorKey,onRetry:a.refetch}):a.returns.length===0?S(fe,{children:o("myReturnsEmpty")}):E(xr,{children:[S("ul",{"data-bitsnap-returns-slot":"returnList",className:i("flex flex-col gap-3",y.className),style:y.style,children:a.returns.map(c=>E("li",{"data-bitsnap-returns-slot":"returnCard",className:i("flex flex-wrap items-center justify-between gap-3 border p-4",m.className),style:m.style,children:[E("div",{className:"flex flex-col gap-1",children:[S("span",{"data-bitsnap-returns-slot":"returnReference",className:i("font-medium",p.className),style:p.style,children:c.reference}),S("span",{className:"text-sm",children:Z(c.createdAt,u)}),E("span",{className:"text-sm",children:[o("myReturnRefund"),": ",s(c.refundStatus)]})]}),E("div",{className:"flex items-center gap-3",children:[S(J,{status:c.status}),S(v,{type:"button",variant:"secondary",size:"sm","aria-label":`${o("myReturnOpen")}: ${c.reference}`,"data-bitsnap-returns-slot":"secondaryButton",className:i(L,f.className),style:f.style,onClick:()=>e?.(c.id),children:o("myReturnOpen")})]})]},c.id))}),S(ge,{page:a.page,total:a.total,hasNext:a.hasNext,hasPrevious:a.hasPrevious,isFetching:a.isFetching,onNext:a.next,onPrevious:a.previous})]})})}function ws({returnId:e,onBack:r,className:t}){T("ReturnsMyReturnDetail");let n=h(),o=Y(),u=ze(),{request:s,isLoading:a,errorKey:y,refetch:m}=me(e),p=l("summary"),f=l("lineList"),c=l("line"),b=l("lineName"),g=l("returnInstructions"),C=l("history"),I=l("historyEntry");return S(M,{className:t,onBack:r,title:s!=null?n("myReturnTitle",{reference:s.reference}):n("myReturnDetailTitle"),children:a?S(U,{}):y!=null?S(A,{errorKey:y,onRetry:m}):s!=null&&E("div",{className:"flex flex-col gap-5",children:[E("div",{"data-bitsnap-returns-slot":"summary",className:i("flex flex-col gap-2 border p-4 text-sm",p.className),style:p.style,children:[E("div",{className:"flex items-center justify-between gap-2",children:[S(J,{status:s.status}),E("span",{children:[n("myReturnCreatedAt"),":"," ",Z(s.createdAt,o)]})]}),E("span",{children:[n("myReturnRefund"),": ",u(s.refundStatus),s.refundAmountMinor>BigInt(0)&&` \xB7 ${ee(s.refundAmountMinor,s.currency,o)}`]}),s.customerNote!==""&&E("span",{className:"whitespace-pre-wrap",children:[n("myReturnNote"),": ",s.customerNote]})]}),s.returnInstructions!==""&&S("p",{"data-bitsnap-returns-slot":"returnInstructions",className:i("whitespace-pre-wrap border p-3 text-sm",g.className),style:g.style,children:s.returnInstructions}),E("div",{className:"flex flex-col gap-2",children:[S("h3",{className:"text-sm font-medium",children:n("myReturnLines")}),S("ul",{"data-bitsnap-returns-slot":"lineList",className:i("flex flex-col gap-3",f.className),style:f.style,children:s.lines.map(N=>E("li",{"data-bitsnap-returns-slot":"line",className:i("flex flex-wrap items-baseline justify-between gap-2 border p-4",c.className),style:c.style,children:[S("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",b.className),style:b.style,children:N.name}),S("span",{className:"text-sm",children:n("myReturnLineQuantities",{requested:N.requestedQuantity,approved:N.approvedQuantity,received:N.receivedQuantity})})]},N.lineId))})]}),s.history.length>0&&E("div",{className:"flex flex-col gap-2",children:[S("h3",{className:"text-sm font-medium",children:n("myReturnHistory")}),S("ul",{"data-bitsnap-returns-slot":"history",className:i("flex flex-col gap-2",C.className),style:C.style,children:s.history.map(N=>E("li",{"data-bitsnap-returns-slot":"historyEntry",className:i("flex flex-wrap items-center justify-between gap-2 text-sm",I.className),style:I.style,children:[S(J,{status:N.status}),S("span",{children:Z(N.createdAt,o)})]},N.id))})]})]})})}export{te as a,re as b,vr as c,nt as d,Ne as e,l as f,Pe as g,St as h,h as i,T as j,ir as k,Xr as l,de as m,ht as n,Be as o,kt as p,Tt as q,me as r,U as s,Kn as t,_n as u,cs as v,ds as w,ps as x,ms as y,Ts as z,ws as A};
+//# sourceMappingURL=chunk-4TZAGNEU.mjs.map

package/dist/{chunk-EWLOGFF2.js → chunk-5DBLZ3VL.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkUFQVOGBSjs = require('./chunk-UFQVOGBS.js');var _chunkTSJCVFOXjs = require('./chunk-TSJCVFOX.js');var t={projectID:void 0,loginURL:"/panel/login",theme:void 0,host:void 0,allowedReturnOrigins:[]},u=[];function w(e){t={...t,...e}}function s(){return t}function P(e){t.projectID=e}function v(e){t.theme=e}function C(e){t.loginURL=e}function R(e){t.host=e}function x(e){u=e,t={...t,allowedReturnOrigins:e}}function y(){return u}var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var f=_react.createContext.call(void 0, s()),b= exports.i =({children:e,analytics:n})=>{let o=s(),i=_chunkTSJCVFOXjs.n.call(void 0, o.projectID,n,"panel");return _jsxruntime.jsx.call(void 0, _chunkUFQVOGBSjs.o,{children:_jsxruntime.jsx.call(void 0, f.Provider,{value:{...o},children:_jsxruntime.jsx.call(void 0, _chunkTSJCVFOXjs.l,{value:i,children:_jsxruntime.jsx.call(void 0, "div",{className:"bitsnap-react",children:e})})})})},L= exports.j =()=>_react.useContext.call(void 0, f);var l=(e,n)=>`bitsnap-panel-session:${encodeURIComponent(_nullishCoalesce(n, () => ("https://bitsnap.pl")))}:${encodeURIComponent(e)}`,a=(e,n)=>`bitsnap-panel-email:${encodeURIComponent(_nullishCoalesce(n, () => ("https://bitsnap.pl")))}:${encodeURIComponent(e)}`;function $(e,n){return typeof window>"u"||!e?void 0:_nullishCoalesce(window.localStorage.getItem(l(e,n)), () => (void 0))}function G(e,n,o,i){typeof window>"u"||!e||(window.localStorage.setItem(l(e,i),n),window.localStorage.setItem(a(e,i),o))}function k(e,n){return typeof window>"u"||!e?null:window.localStorage.getItem(a(e,n))}function E(e,n){typeof window>"u"||!e||(window.localStorage.removeItem(l(e,n)),window.localStorage.removeItem(a(e,n)))}exports.a = w; exports.b = s; exports.c = P; exports.d = v; exports.e = C; exports.f = R; exports.g = x; exports.h = y; exports.i = b; exports.j = L; exports.k = $; exports.l = G; exports.m = k; exports.n = E;
-//# sourceMappingURL=chunk-EWLOGFF2.js.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkQQDZIVWYjs = require('./chunk-QQDZIVWY.js');var _chunkPVJ2I46Cjs = require('./chunk-PVJ2I46C.js');var t={projectID:void 0,loginURL:"/panel/login",theme:void 0,host:void 0,allowedReturnOrigins:[]},u=[];function w(e){t={...t,...e}}function s(){return t}function P(e){t.projectID=e}function v(e){t.theme=e}function C(e){t.loginURL=e}function R(e){t.host=e}function x(e){u=e,t={...t,allowedReturnOrigins:e}}function y(){return u}var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var f=_react.createContext.call(void 0, s()),b= exports.i =({children:e,analytics:n})=>{let o=s(),i=_chunkPVJ2I46Cjs.n.call(void 0, o.projectID,n,"panel");return _jsxruntime.jsx.call(void 0, _chunkQQDZIVWYjs.o,{children:_jsxruntime.jsx.call(void 0, f.Provider,{value:{...o},children:_jsxruntime.jsx.call(void 0, _chunkPVJ2I46Cjs.l,{value:i,children:_jsxruntime.jsx.call(void 0, "div",{className:"bitsnap-react",children:e})})})})},L= exports.j =()=>_react.useContext.call(void 0, f);var l=(e,n)=>`bitsnap-panel-session:${encodeURIComponent(_nullishCoalesce(n, () => ("https://bitsnap.pl")))}:${encodeURIComponent(e)}`,a=(e,n)=>`bitsnap-panel-email:${encodeURIComponent(_nullishCoalesce(n, () => ("https://bitsnap.pl")))}:${encodeURIComponent(e)}`;function $(e,n){return typeof window>"u"||!e?void 0:_nullishCoalesce(window.localStorage.getItem(l(e,n)), () => (void 0))}function G(e,n,o,i){typeof window>"u"||!e||(window.localStorage.setItem(l(e,i),n),window.localStorage.setItem(a(e,i),o))}function k(e,n){return typeof window>"u"||!e?null:window.localStorage.getItem(a(e,n))}function E(e,n){typeof window>"u"||!e||(window.localStorage.removeItem(l(e,n)),window.localStorage.removeItem(a(e,n)))}exports.a = w; exports.b = s; exports.c = P; exports.d = v; exports.e = C; exports.f = R; exports.g = x; exports.h = y; exports.i = b; exports.j = L; exports.k = $; exports.l = G; exports.m = k; exports.n = E;
+//# sourceMappingURL=chunk-5DBLZ3VL.js.map

package/dist/chunk-5DBLZ3VL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/dx/dist/chunk-5DBLZ3VL.js","../src/panel/config.ts","../src/panel/PanelProvider.tsx","../src/panel/session-storage.ts"],"names":["config","allowedReturnOrigins","setPanelConfig","newConfig","getPanelConfig","setProjectID","projectID","setTheme","theme","setLoginURL","loginURL","setHost","host","setAllowedReturnOrigins","origins","getAllowedReturnOrigins","PanelContext","createContext","PanelProvider","children","analytics","instrument","useInstrument","jsx","RpcProvider","InstrumentProvider","usePanelConfig","useContext","panelSessionKey"],"mappings":"AAAA,mOAAuC,sDAA+C,ICElFA,CAAAA,CAAsB,CACxB,SAAA,CAAW,KAAA,CAAA,CACX,QAAA,CAAU,cAAA,CACV,KAAA,CAAO,KAAA,CAAA,CACP,IAAA,CAAM,KAAA,CAAA,CACN,oBAAA,CAAsB,CAAC,CACzB,CAAA,CAEIC,CAAAA,CAAiC,CAAC,CAAA,CAU/B,SAASC,CAAAA,CAAeC,CAAAA,CAAuC,CACpEH,CAAAA,CAAS,CAAE,GAAGA,CAAAA,CAAQ,GAAGG,CAAU,CACrC,CAEO,SAASC,CAAAA,CAAAA,CAA8B,CAC5C,OAAOJ,CACT,CAEO,SAASK,CAAAA,CAAaC,CAAAA,CAAyB,CACpDN,CAAAA,CAAO,SAAA,CAAYM,CACrB,CAEO,SAASC,CAAAA,CAASC,CAAAA,CAA6B,CACpDR,CAAAA,CAAO,KAAA,CAAQQ,CACjB,CAEO,SAASC,CAAAA,CAAYC,CAAAA,CAAwB,CAClDV,CAAAA,CAAO,QAAA,CAAWU,CACpB,CAEO,SAASC,CAAAA,CAAQC,CAAAA,CAAoB,CAC1CZ,CAAAA,CAAO,IAAA,CAAOY,CAChB,CAEO,SAASC,CAAAA,CAAwBC,CAAAA,CAAyB,CAC/Db,CAAAA,CAAuBa,CAAAA,CACvBd,CAAAA,CAAS,CAAE,GAAGA,CAAAA,CAAQ,oBAAA,CAAsBc,CAAQ,CACtD,CAEO,SAASC,CAAAA,CAAAA,CAAoC,CAClD,OAAOd,CACT,CCnDA,8BAA0C,+CA2BhC,IAlBJe,CAAAA,CAAeC,kCAAAA,CAA2Bb,CAAe,CAAC,CAAA,CAEnDc,CAAAA,aASR,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAC,CAAU,CAAA,CAAA,EAAM,CAChC,IAAMpB,CAAAA,CAASI,CAAAA,CAAe,CAAA,CACxBiB,CAAAA,CAAaC,gCAAAA,CAActB,CAAO,SAAA,CAAWoB,CAAAA,CAAW,OAAO,CAAA,CACrE,OACEG,6BAAAA,kBAACC,CAAA,CACC,QAAA,CAAAD,6BAAAA,CAACP,CAAa,QAAA,CAAb,CAAsB,KAAA,CAAO,CAAE,GAAGhB,CAAO,CAAA,CACxC,QAAA,CAAAuB,6BAAAA,kBAACE,CAAA,CAAmB,KAAA,CAAOJ,CAAAA,CACzB,QAAA,CAAAE,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,eAAA,CAAiB,QAAA,CAAAJ,CAAAA,CAAS,CAAA,CAC3C,CAAA,CACF,CAAA,CACF,CAEJ,CAAA,CAEaO,CAAAA,aAAiB,CAAA,CAAA,EAAMC,+BAAAA,CAAuB,CAAA,CClC3D,IAAMC,CAAAA,CAAkB,CAACtB,CAAAA,CAAmBM,CAAAA,CAAAA,EAC1C,CAAA,sBAAA,EAAyB,kBAAA,kBAAmBA,CAAAA,SAAQ,sBAAoB,CAAC,CAAA,CAAA,EAAI,kBAAA,CAAmBN,CAAS,CAAC,CAAA,CAAA","file":"/home/emems/.t3/worktrees/bitsnap-react/dx/dist/chunk-5DBLZ3VL.js","sourcesContent":[null,"import type { GetThemeOutput } from \"./types\";\n\nlet config: PanelConfig = {\n  projectID: undefined,\n  loginURL: \"/panel/login\",\n  theme: undefined,\n  host: undefined,\n  allowedReturnOrigins: [],\n};\n\nlet allowedReturnOrigins: string[] = [];\n\nexport interface PanelConfig {\n  projectID?: string;\n  loginURL?: string;\n  theme?: GetThemeOutput;\n  host?: string;\n  allowedReturnOrigins: string[];\n}\n\nexport function setPanelConfig(newConfig: Partial<PanelConfig>): void {\n  config = { ...config, ...newConfig };\n}\n\nexport function getPanelConfig(): PanelConfig {\n  return config;\n}\n\nexport function setProjectID(projectID: string): void {\n  config.projectID = projectID;\n}\n\nexport function setTheme(theme: GetThemeOutput): void {\n  config.theme = theme;\n}\n\nexport function setLoginURL(loginURL: string): void {\n  config.loginURL = loginURL;\n}\n\nexport function setHost(host: string): void {\n  config.host = host;\n}\n\nexport function setAllowedReturnOrigins(origins: string[]): void {\n  allowedReturnOrigins = origins;\n  config = { ...config, allowedReturnOrigins: origins };\n}\n\nexport function getAllowedReturnOrigins(): string[] {\n  return allowedReturnOrigins;\n}\n","import { createContext, useContext } from \"react\";\nimport {\n  InstrumentProvider,\n  useInstrument,\n  type AnalyticsOption,\n} from \"../analytics/instrument\";\nimport { RpcProvider } from \"../rpc-provider\";\nimport { getPanelConfig, type PanelConfig } from \"./config\";\n\nconst PanelContext = createContext<PanelConfig>(getPanelConfig());\n\nexport const PanelProvider: React.FC<{\n  children: React.ReactNode;\n  /**\n   * Usage statistics for your Bitsnap dashboard (panel logins, orders viewed,\n   * downloads, course progress). On by default; `false` turns it off. An\n   * object lets you forward every event: `{ onEvent }`. Nothing is stored on\n   * the visitor's device.\n   */\n  analytics?: AnalyticsOption;\n}> = ({ children, analytics }) => {\n  const config = getPanelConfig();\n  const instrument = useInstrument(config.projectID, analytics, \"panel\");\n  return (\n    <RpcProvider>\n      <PanelContext.Provider value={{ ...config }}>\n        <InstrumentProvider value={instrument}>\n          <div className=\"bitsnap-react\">{children}</div>\n        </InstrumentProvider>\n      </PanelContext.Provider>\n    </RpcProvider>\n  );\n};\n\nexport const usePanelConfig = () => useContext(PanelContext);\n","const panelSessionKey = (projectID: string, host?: string) =>\n  `bitsnap-panel-session:${encodeURIComponent(host ?? \"https://bitsnap.pl\")}:${encodeURIComponent(projectID)}`;\n\nconst panelEmailKey = (projectID: string, host?: string) =>\n  `bitsnap-panel-email:${encodeURIComponent(host ?? \"https://bitsnap.pl\")}:${encodeURIComponent(projectID)}`;\n\nexport function getPanelSession(projectID?: string, host?: string) {\n  if (typeof window === \"undefined\" || !projectID) return undefined;\n  const token = window.localStorage.getItem(panelSessionKey(projectID, host));\n  return token ?? undefined;\n}\n\nexport function savePanelSession(projectID: string | undefined, token: string, email: string, host?: string) {\n  if (typeof window === \"undefined\" || !projectID) return;\n  window.localStorage.setItem(panelSessionKey(projectID, host), token);\n  window.localStorage.setItem(panelEmailKey(projectID, host), email);\n}\n\nexport function getPanelEmail(projectID?: string, host?: string) {\n  if (typeof window === \"undefined\" || !projectID) return null;\n  return window.localStorage.getItem(panelEmailKey(projectID, host));\n}\n\nexport function clearPanelSession(projectID?: string, host?: string) {\n  if (typeof window === \"undefined\" || !projectID) return;\n  window.localStorage.removeItem(panelSessionKey(projectID, host));\n  window.localStorage.removeItem(panelEmailKey(projectID, host));\n}\n"]}