bitsnap-react 1.21.1 → 1.22.0

package/dist/chunk-SZNTXRFD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/emems-chat-payment-requests/dist/chunk-SZNTXRFD.js","../src/panel/components/PanelLogin.tsx","../src/ui/card.tsx","../src/ui/email-code-login/EmailCodeLoginForm.tsx","../src/lib/render.text.tsx","../src/panel/audio-player/media.session.coordinator.ts","../src/panel/audio-player/AudioPlayer.tsx"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","MUTED","DARK_FIELD","EMAIL_FAILURES","LINK","EmailCodeLoginForm","login","texts","allowHaveCode","emailPlaceholder","emailInputId","codeInputId","buttonClassName","children","uid","useId","emailId"],"mappings":"AAAA,ylCAAgN,sDAAyC,sDAA+F,sDAAyC,sDAAyF,sDAAyF,sDAA+E,sDAAyE,sDAAgE,oDCA5uB,+BAC0C,+CCKrE,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,2CAA4B,IA6BtBO,EAAAA,CAAQ,yCAAA,CAERC,EAAAA,CACJ,0MAAA,CAEIC,EAAAA,CAAiB,IAAI,GAAA,CAAI,CAAC,cAAA,CAAgB,eAAA,CAAiB,qBAAqB,CAAC,CAAA,CACjFC,EAAAA,CACJ,sNAAA,CAOK,SAASC,EAAAA,CAAmB,CACjC,KAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CAAgB,CAAA,CAAA,CAChB,gBAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,SAAA,CAAAlB,CAAAA,CACA,eAAA,CAAAmB,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAA4B,CAC1B,IAAMC,CAAAA,CAAMC,2BAAAA,CAAM,CACZC,CAAAA,kBAAUN,CAAAA,SAAgB,CAAA,EAAA;ACGlB,QAAA;ACQE,YAAA;ACszBN","file":"/home/emems/.t3/worktrees/bitsnap-react/emems-chat-payment-requests/dist/chunk-SZNTXRFD.js","sourcesContent":[null,"import { useAutoAnimate } from \"@formkit/auto-animate/react\";\nimport { useEffect, useMemo, useRef, useState, type CSSProperties } from \"react\";\nimport { TurnstileChallenge } from \"../../captcha/TurnstileChallenge\";\nimport {\n  InstrumentProvider,\n  useInstrument,\n  useInstrumentContext,\n  type AnalyticsOption,\n} from \"../../analytics/instrument\";\nimport { getLocale } from \"../../components/checkout/locale\";\nimport { rpcProvider, useMutation } from \"../../rpc-provider\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"../../ui/card\";\nimport { kindFromRpcError } from \"../../ui/email-code-login/errors\";\nimport {\n  LoginBrandLogo,\n  type LoginLogoOptions,\n} from \"../../ui/email-code-login/LoginBrandLogo\";\nimport { EmailCodeLoginForm } from \"../../ui/email-code-login/EmailCodeLoginForm\";\nimport { pendingLoginKey } from \"../../ui/email-code-login/pending\";\nimport {\n  useEmailCodeLogin,\n  type EmailCodeAdapter,\n} from \"../../ui/email-code-login/useEmailCodeLogin\";\nimport {\n  getAllowedReturnOrigins,\n  setAllowedReturnOrigins,\n} from \"../config\";\nimport { panelFailureKind } from \"../login-adapter\";\nimport { resolvePanelLoginTexts, type PanelLoginTexts } from \"../login-texts\";\nimport { usePanelConfig } from \"../PanelProvider\";\nimport type { PanelLoginProps } from \"../types\";\nimport {\n  buildAccessTokenRedirect,\n  getReturnURLFromSearch,\n  persistReturnURL,\n  readPersistedReturnURL,\n} from \"../return-url\";\nimport { getPanelSession, savePanelSession } from \"../session-storage\";\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\n\n/** Props of {@link PanelLogin}; `PanelLoginProps` of the package is a superset. */\nexport type PanelLoginComponentProps = Pick<\n  PanelLoginProps,\n  \"analytics\" | \"texts\" | \"locale\" | \"showLogo\" | \"logoUrl\" | \"logoDarkUrl\"\n>;\n\ntype PanelLoginResult = { accessToken: string };\n\nconst PanelLoginForm = ({\n  texts,\n  projectID,\n  host,\n  locale,\n  logo,\n}: {\n  texts: PanelLoginTexts;\n  projectID?: string;\n  host?: string;\n  locale?: string;\n  logo: LoginLogoOptions;\n}) => {\n  const [challengeVisible, setChallengeVisible] = useState(false);\n  const challengeWaiter = useRef<((token: string | null) => void) | undefined>(undefined);\n  const captchaToken = useRef(\"\");\n  const beforeSend = useMemo(() => () => new Promise<boolean>((resolve) => {\n    setChallengeVisible(true);\n    const timer = window.setTimeout(() => { challengeWaiter.current = undefined; setChallengeVisible(false); resolve(false); }, 5 * 60 * 1000);\n    challengeWaiter.current = (token) => { window.clearTimeout(timer); challengeWaiter.current = undefined; setChallengeVisible(false); captchaToken.current = token ?? \"\"; resolve(token !== null); };\n  }), []);\n  const instrument = useInstrumentContext();\n  const { mutateAsync: loginUserAsync } = useMutation(\n    rpcProvider.publicApi.userPanelLogin,\n  );\n  const { mutateAsync: verifyCodeAsync } = useMutation(\n    rpcProvider.publicApi.userPanelLoginWithCode,\n  );\n\n  const adapter = useMemo<EmailCodeAdapter<PanelLoginResult>>(\n    () => ({\n      async send(email) {\n        try {\n          const response = await loginUserAsync({ email, turnstileToken: captchaToken.current });\n          captchaToken.current = \"\";\n          if (response.result.case === \"success\") {\n            return {\n              ok: true,\n              retryIn: response.result.value.retryIn || undefined,\n              challengeId: response.result.value.challengeId || undefined,\n            };\n          }\n          return {\n            ok: false,\n            kind: panelFailureKind(\n              response.result.case === \"failure\" ? response.result.value : 0,\n            ),\n          };\n        } catch (cause) {\n          return { ok: false, kind: kindFromRpcError(cause), cause };\n        }\n      },\n      async verify({ email, code, challengeId }) {\n        try {\n          const response = await verifyCodeAsync({\n            code: parseInt(code, 10),\n            email,\n            challengeId,\n          });\n          if (response.result.case === \"accessToken\" && response.result.value) {\n            return { ok: true, value: { accessToken: response.result.value } };\n          }\n          return {\n            ok: false,\n            kind: panelFailureKind(\n              response.result.case === \"failure\" ? response.result.value : 0,\n            ),\n          };\n        } catch (cause) {\n          return { ok: false, kind: kindFromRpcError(cause), cause };\n        }\n      },\n    }),\n    [loginUserAsync, verifyCodeAsync],\n  );\n\n  const login = useEmailCodeLogin<PanelLoginResult>({\n    adapter,\n    texts,\n    beforeSend,\n    storageKey: pendingLoginKey(\"panel\", projectID, host),\n    onVerified: ({ accessToken }, email) => {\n      instrument.track(\"panel_login\", {});\n      savePanelSession(projectID, accessToken, email, host);\n      const returnURL =\n        typeof window !== \"undefined\" ? readPersistedReturnURL() : null;\n      setTimeout(() => {\n        if (returnURL) {\n          window.location.href = buildAccessTokenRedirect(returnURL, accessToken);\n          return;\n        }\n        window.location.reload();\n      }, 100);\n    },\n  });\n\n  const onCodeStep = login.step === \"code\";\n  const title = onCodeStep && !login.needsEmail ? texts.codeTitle : texts.title;\n  const description =\n    onCodeStep && !login.needsEmail ? texts.codeDescription : texts.description;\n\n  return (\n    // Top-aligned: a vertically centred card moved when the step changed height.\n    <main className=\"mx-auto flex w-full max-w-sm flex-1 flex-col justify-start pt-4 sm:pt-[12vh]\">\n      <Card>\n        <LoginBrandLogo\n          projectId={projectID}\n          locale={locale}\n          className=\"px-4 sm:px-6\"\n          {...logo}\n        />\n        <CardHeader className=\"px-4 sm:px-6\">\n          <CardTitle role=\"heading\" aria-level={1} className=\"text-2xl\">\n            {title}\n          </CardTitle>\n          <CardDescription>{description}</CardDescription>\n        </CardHeader>\n        <CardContent className=\"px-4 sm:px-6\">\n          <EmailCodeLoginForm\n            login={login}\n            texts={texts}\n            emailInputId=\"email\"\n            codeInputId=\"verify-code\"\n          />\n          {challengeVisible && <TurnstileChallenge action=\"panel_login\" locale={locale} onToken={(token) => challengeWaiter.current?.(token)} onFailure={() => challengeWaiter.current?.(null)} />}\n        </CardContent>\n      </Card>\n    </main>\n  );\n};\n\nconst PanelLoginComponentWrapper = ({\n  analytics,\n  texts: textOverrides,\n  locale,\n  showLogo,\n  logoUrl,\n  logoDarkUrl,\n}: PanelLoginComponentProps) => {\n  const { theme, allowedReturnOrigins, projectID, host } = usePanelConfig();\n  const instrument = useInstrument(projectID, analytics, \"panel\");\n  const texts = useMemo(\n    () => resolvePanelLoginTexts(locale ?? getLocale(), textOverrides),\n    [locale, textOverrides],\n  );\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  const [parent] = useAutoAnimate({\n    duration: 300,\n    easing: \"ease-in-out\",\n    disrespectUserMotionPreference: false,\n  });\n\n  // Already signed in: leave the login page. Declared before the return URL\n  // effect below, so that one (a token redirect) wins when both apply.\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    if (getPanelSession(projectID, host) != null) {\n      window.location.href = window.location.href.replaceAll(\"login\", \"\");\n    }\n  }, [projectID, host]);\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  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 min-h-screen w-full flex-col p-4\"\n          style={styles}\n          ref={parent}\n        >\n          <PanelLoginForm\n            texts={texts}\n            projectID={projectID}\n            host={host}\n            locale={locale}\n            logo={{\n              showLogo,\n              logoUrl: logoUrl ?? theme?.logoURL,\n              logoDarkUrl: logoDarkUrl ?? theme?.logoDarkURL,\n            }}\n          />\n        </div>\n      </div>\n    </InstrumentProvider>\n  );\n};\n\nexport const PanelLogin = (props: PanelLoginComponentProps = {}) => {\n  return <PanelLoginComponentWrapper {...props} />;\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 { CircleCheck } from \"lucide-react\";\nimport { useId, type FormEvent, type ReactNode } from \"react\";\nimport { cn } from \"@/src/lib/utils\";\nimport { Button } from \"../button\";\nimport { Input } from \"../input\";\nimport { Label } from \"../label\";\nimport { Spinner } from \"../spinner\";\nimport { OtpCodeField } from \"./OtpCodeField\";\nimport { fillText, type EmailCodeTexts } from \"./texts\";\nimport { type EmailCodeLogin } from \"./useEmailCodeLogin\";\n\nexport type EmailCodeLoginFormProps = {\n  login: EmailCodeLogin;\n  texts: EmailCodeTexts;\n  /** Offers \"I already have a code\" under the e-mail step. */\n  allowHaveCode?: boolean;\n  /** Overrides the e-mail input placeholder. */\n  emailPlaceholder?: string;\n  /** `id` of the e-mail input; unique per instance by default. */\n  emailInputId?: string;\n  /** `id` of the code input; unique per instance by default. */\n  codeInputId?: string;\n  className?: string;\n  /** Classes of the two primary buttons (brand colors). */\n  buttonClassName?: string;\n  /** Shown above the fields of the code step, after the \"sent to\" line. */\n  children?: ReactNode;\n};\n\nconst MUTED = \"text-muted-foreground text-xs leading-5\";\n/** Borders of the dark theme: the `input` token is nearly the card colour. */\nconst DARK_FIELD =\n  \"dark:border-foreground/30 dark:focus-visible:border-foreground/70 dark:focus-visible:ring-foreground/25 dark:aria-invalid:border-destructive-foreground dark:aria-invalid:ring-destructive-foreground/30\";\n/** Failures about the address itself; a throttled or failed send is not. */\nconst EMAIL_FAILURES = new Set([\"invalidEmail\", \"emailNotFound\", \"deliveryUnavailable\"]);\nconst LINK =\n  \"inline-flex min-h-11 items-center px-1 text-sm underline underline-offset-4 hover:no-underline focus-visible:ring-[3px] focus-visible:ring-ring/50 rounded-sm outline-none disabled:opacity-50 disabled:no-underline\";\n\n/**\n * The two steps of the shared e-mail-code login. Markup only: all state comes\n * from {@link useEmailCodeLogin}. The surface wraps it in its own card or\n * dialog and renders the titles.\n */\nexport function EmailCodeLoginForm({\n  login,\n  texts,\n  allowHaveCode = true,\n  emailPlaceholder,\n  emailInputId,\n  codeInputId,\n  className,\n  buttonClassName,\n  children,\n}: EmailCodeLoginFormProps) {\n  const uid = useId();\n  const emailId = emailInputId ?? `${uid}-email`;\n  const codeId = codeInputId ?? `${uid}-code`;\n  const noticeId = `${uid}-notice`;\n  const hintId = `${uid}-hint`;\n\n  const { notice } = login;\n  const isError = notice?.kind === \"error\";\n  const sending = login.busy === \"send\";\n  const verifying = login.busy === \"verify\";\n  const resending = login.busy === \"resend\";\n  const buttonBase = cn(\"h-11 w-full\", buttonClassName);\n\n  // Both live regions stay mounted (empty) so that a screen reader has\n  // registered them before a message is put in; only their text changes.\n  // The area reserves two lines, so a longer message does not push the buttons.\n  const success = notice?.kind === \"success\";\n  const noticeArea = (\n    <div id={noticeId} className=\"min-h-10 text-sm leading-5\">\n      <p\n        role=\"alert\"\n        className=\"font-medium text-red-700 dark:text-red-400\"\n      >\n        {isError ? notice.text : null}\n      </p>\n      <p\n        role=\"status\"\n        className={cn(\n          \"flex items-start gap-1.5\",\n          success\n            ? \"font-medium text-emerald-700 dark:text-emerald-400\"\n            : \"text-foreground\",\n        )}\n      >\n        {success && <CircleCheck aria-hidden className=\"mt-0.5 size-4 shrink-0\" />}\n        <span>{notice != null && !isError ? notice.text : null}</span>\n      </p>\n    </div>\n  );\n  const emailInvalid =\n    isError &&\n    login.step === \"email\" &&\n    (notice.failure == null || EMAIL_FAILURES.has(notice.failure));\n\n  const announcer = (\n    <p className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n      {login.announcement}\n    </p>\n  );\n\n  const emailField = (\n    <div className=\"grid gap-2\">\n      <Label htmlFor={emailId}>{texts.emailLabel}</Label>\n      <Input\n        id={emailId}\n        ref={login.emailRef}\n        name=\"email\"\n        type=\"email\"\n        autoComplete=\"email\"\n        inputMode=\"email\"\n        autoCapitalize=\"none\"\n        autoCorrect=\"off\"\n        spellCheck={false}\n        autoFocus\n        required\n        className={cn(\n          \"h-11 text-base disabled:opacity-100 disabled:text-foreground/70\",\n          DARK_FIELD,\n        )}\n        placeholder={emailPlaceholder ?? texts.emailPlaceholder}\n        value={login.email}\n        disabled={login.isBusy}\n        aria-invalid={emailInvalid ? true : undefined}\n        aria-describedby={noticeId}\n        onChange={(event) => login.setEmail(event.target.value)}\n      />\n    </div>\n  );\n\n  if (login.step === \"email\") {\n    return (\n      <form\n        noValidate\n        className={cn(\"flex flex-col gap-4\", className)}\n        onSubmit={(event: FormEvent) => {\n          event.preventDefault();\n          void login.sendCode();\n        }}\n      >\n        {announcer}\n        {emailField}\n        {noticeArea}\n        <Button\n          type=\"submit\"\n          disabled={login.isBusy}\n          aria-busy={sending}\n          className={buttonBase}\n        >\n          {sending && <Spinner aria-hidden />}\n          {sending ? texts.sending : texts.sendCode}\n        </Button>\n        {allowHaveCode && (\n          <p className=\"flex flex-wrap items-center justify-center text-center text-sm\">\n            {texts.haveCodePrompt !== \"\" && <span>{texts.haveCodePrompt}</span>}\n            <button\n              type=\"button\"\n              className={LINK}\n              disabled={login.isBusy}\n              onClick={login.haveCode}\n            >\n              {texts.haveCode}\n            </button>\n          </p>\n        )}\n      </form>\n    );\n  }\n\n  const [before, after] = texts.codeSentTo.split(\"{email}\");\n  const dead = login.dead != null;\n  const resendLabel = dead\n    ? texts.resendNew\n    : login.secondsLeft > 0\n      ? fillText(texts.resendIn, { seconds: login.secondsLeft })\n      : texts.resend;\n\n  return (\n    <form\n      noValidate\n      className={cn(\"flex flex-col gap-4\", className)}\n      onSubmit={(event: FormEvent) => {\n        event.preventDefault();\n        void login.submitCode();\n      }}\n    >\n      {announcer}\n      {login.needsEmail ? (\n        emailField\n      ) : (\n        <div className=\"flex flex-wrap items-center justify-between gap-x-2\">\n          {/* The address moves to its own line before it is cut; the word\n              joiner keeps the full stop with it. */}\n          <p className=\"min-w-0 flex-[1_1_14rem] text-sm leading-5 break-words\">\n            {before}\n            <strong className=\"font-semibold\">{login.email}</strong>\n            {\"\\u2060\"}\n            {after}\n          </p>\n          <button\n            type=\"button\"\n            className={cn(LINK, \"-ml-1 shrink-0\")}\n            disabled={login.isBusy}\n            onClick={login.changeEmail}\n          >\n            {texts.changeEmail}\n          </button>\n        </div>\n      )}\n      {children}\n      <div className=\"grid gap-2\">\n        <Label htmlFor={codeId}>{texts.codeLabel}</Label>\n        <OtpCodeField\n          id={codeId}\n          name=\"code\"\n          inputRef={login.codeRef}\n          value={login.code}\n          onChange={login.setCode}\n          onComplete={(value) => void login.submitCode(value)}\n          disabled={login.isBusy || dead}\n          invalid={isError && !login.needsEmail}\n          aria-describedby={`${noticeId} ${hintId}`}\n        />\n        <p id={hintId} className={MUTED}>\n          {texts.validity} {texts.spamHint}\n        </p>\n      </div>\n      {noticeArea}\n      <Button\n        type=\"submit\"\n        disabled={login.isBusy || dead}\n        aria-busy={verifying}\n        className={buttonBase}\n      >\n        {verifying && <Spinner aria-hidden />}\n        {verifying ? texts.verifying : texts.verify}\n      </Button>\n      {login.needsEmail ? (\n        <div className=\"flex justify-center\">\n          <button\n            type=\"button\"\n            className={LINK}\n            disabled={login.isBusy}\n            onClick={login.changeEmail}\n          >\n            {texts.noCode}\n          </button>\n        </div>\n      ) : (\n        <Button\n          type=\"button\"\n          variant={dead ? \"default\" : \"outline\"}\n          disabled={login.isBusy || (!dead && login.secondsLeft > 0)}\n          aria-busy={resending}\n          className={dead ? buttonBase : \"h-11 w-full\"}\n          onClick={() => void login.resend()}\n        >\n          {resending && <Spinner aria-hidden />}\n          {resendLabel}\n        </Button>\n      )}\n    </form>\n  );\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","/** Skip length of the player buttons and of the lock-screen skip handlers. */\nexport const SEEK_STEP_SECONDS = 10;\n\n/** Under this position \"previous track\" restarts the chapter instead of going back. */\nexport const PREVIOUS_TRACK_RESTART_SECONDS = 3;\n\nexport type MediaSessionArtwork = {\n  src: string;\n  sizes?: string;\n  type?: string;\n};\n\nexport type MediaSessionMetadata = {\n  title: string;\n  album?: string;\n  artist?: string;\n  artwork?: string | MediaSessionArtwork | (string | MediaSessionArtwork)[];\n};\n\nconst MIME_BY_EXTENSION: Record<string, string> = {\n  png: \"image/png\",\n  jpg: \"image/jpeg\",\n  jpeg: \"image/jpeg\",\n  webp: \"image/webp\",\n  gif: \"image/gif\",\n  avif: \"image/avif\",\n  svg: \"image/svg+xml\",\n};\n\n/** Lock-screen artwork size we declare; the player does not decode the image. */\nconst ARTWORK_SIZES = \"512x512\";\n\nfunction mediaSessionAvailable(): boolean {\n  return (\n    typeof navigator != \"undefined\" &&\n    typeof navigator.mediaSession != \"undefined\"\n  );\n}\n\n/**\n * Turns an image URL into a media-session artwork entry. The `type` comes from\n * the file extension and is omitted when the extension is unknown, so the\n * browser does not get a wrong MIME type.\n */\nexport function mediaSessionArtworkFromUrl(url: string): MediaSessionArtwork {\n  if (typeof url != \"string\" || url.length === 0) {\n    return { src: url, sizes: ARTWORK_SIZES };\n  }\n  const withoutQuery = url.split(/[?#]/)[0];\n  const extension = withoutQuery.includes(\".\")\n    ? withoutQuery.slice(withoutQuery.lastIndexOf(\".\") + 1).toLowerCase()\n    : \"\";\n  const type = MIME_BY_EXTENSION[extension];\n  const artwork: MediaSessionArtwork = { src: url, sizes: ARTWORK_SIZES };\n  if (type != null) {\n    artwork.type = type;\n  }\n  return artwork;\n}\n\nfunction normalizeArtwork(\n  artwork: MediaSessionMetadata[\"artwork\"],\n): MediaSessionArtwork[] | undefined {\n  if (artwork == null) {\n    return undefined;\n  }\n  const entries = Array.isArray(artwork) ? artwork : [artwork];\n  const normalized: MediaSessionArtwork[] = [];\n  for (const entry of entries) {\n    if (typeof entry === \"string\") {\n      if (entry.length > 0) {\n        normalized.push(mediaSessionArtworkFromUrl(entry));\n      }\n      continue;\n    }\n    if (entry != null && entry.src.length > 0) {\n      normalized.push({\n        src: entry.src,\n        sizes: entry.sizes ?? ARTWORK_SIZES,\n        ...(entry.type != null ? { type: entry.type } : {}),\n      });\n    }\n  }\n  return normalized.length > 0 ? normalized : undefined;\n}\n\nexport function mediaSessionSetMetadata(metadata: MediaSessionMetadata) {\n  if (\n    !mediaSessionAvailable() ||\n    typeof MediaMetadata == \"undefined\"\n  ) {\n    return;\n  }\n  navigator.mediaSession.metadata = new MediaMetadata({\n    title: metadata.title,\n    album: metadata.album,\n    artist: metadata.artist,\n    artwork: normalizeArtwork(metadata.artwork),\n  });\n}\n\nexport function mediaSessionPlay() {\n  if (!mediaSessionAvailable()) return;\n  navigator.mediaSession.playbackState = \"playing\";\n}\n\nexport function mediaSessionPause() {\n  if (!mediaSessionAvailable()) return;\n  navigator.mediaSession.playbackState = \"paused\";\n}\n\n/**\n * Reports duration, position and the real playback rate to the lock screen.\n * `setPositionState` throws on values it does not accept (no duration yet,\n * position past the end), so those calls are skipped or clamped.\n */\nexport function mediaSessionUpdateDurationAndPosition(\n  duration: number | undefined,\n  currentTime: number | undefined,\n  playbackRate = 1,\n) {\n  if (!mediaSessionAvailable()) return;\n  if (duration == null || !Number.isFinite(duration) || duration <= 0) {\n    return;\n  }\n  if (currentTime != null && isNaN(currentTime)) {\n    return;\n  }\n  const position = Math.min(Math.max(currentTime ?? 0, 0), duration);\n  const rate =\n    Number.isFinite(playbackRate) && playbackRate > 0 ? playbackRate : 1;\n  try {\n    navigator.mediaSession.setPositionState({\n      playbackRate: rate,\n      duration,\n      position,\n    });\n  } catch (e) {\n    // Older browsers reject some combinations; the lock screen just keeps the\n    // previous state.\n  }\n}\n\nconst MEDIA_SESSION_ACTIONS: MediaSessionAction[] = [\n  \"play\",\n  \"pause\",\n  \"stop\",\n  \"seekbackward\",\n  \"seekforward\",\n  \"seekto\",\n  \"previoustrack\",\n  \"nexttrack\",\n];\n\nexport function startMediaSessionCoordinator(args: {\n  title: string;\n  album?: string;\n  artist?: string;\n  artwork?: MediaSessionMetadata[\"artwork\"];\n\n  action: (details: MediaSessionActionDetails) => void;\n}) {\n  if (!mediaSessionAvailable()) return;\n\n  mediaSessionSetMetadata({\n    title: args.title,\n    album: args.album,\n    artist: args.artist,\n    artwork: args.artwork,\n  });\n\n  for (const action of MEDIA_SESSION_ACTIONS) {\n    try {\n      navigator.mediaSession.setActionHandler(action, (details) => {\n        args.action(details);\n      });\n    } catch (e) {\n      // The browser does not support this action (e.g. nexttrack).\n    }\n  }\n}\n\nexport function stopMediaSessionCoordinator() {\n  if (!mediaSessionAvailable()) return;\n  navigator.mediaSession.metadata = null;\n  for (const action of MEDIA_SESSION_ACTIONS) {\n    try {\n      navigator.mediaSession.setActionHandler(action, null);\n    } catch (e) {\n      // Unsupported action; nothing to clear.\n    }\n  }\n}\n","import Hls from \"hls.js\";\nimport { Pause, Play, SkipBack, SkipForward } from \"lucide-react\";\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../ui/button\";\nimport LoadingIndicator from \"../LoadingIndicator\";\nimport {\n  createHlsSource,\n  playerErrorFromMediaError,\n  prefersNativeHls,\n  type HlsSource,\n  type PlayerError,\n} from \"./hls-engine\";\nimport {\n  PREVIOUS_TRACK_RESTART_SECONDS,\n  SEEK_STEP_SECONDS,\n  mediaSessionPause,\n  mediaSessionPlay,\n  mediaSessionSetMetadata,\n  mediaSessionUpdateDurationAndPosition,\n  startMediaSessionCoordinator,\n  stopMediaSessionCoordinator,\n} from \"./media.session.coordinator\";\n\nimport \"./audio-player.css\";\nimport { useAudioTexts, formatTime } from \"./texts\";\nimport { playerStorage, SPEED_KEY, SPEEDS } from \"./storage\";\n\nexport type ChapterWithPublicUrl = {\n  id: string;\n  multimediaId?: string;\n  name: string;\n  description?: string;\n  publicUrl: string;\n  downloadableUrl?: string;\n  duration?: number;\n};\n\n/** What the player could not play; `status` is the HTTP status when known. */\nexport type AudioPlayerError = PlayerError;\n\nexport type AudioPlayerMethods = {\n  selectChapter: (chapter: ChapterWithPublicUrl) => void;\n  /** Loads the current chapter again after an error, keeping the position. */\n  retry: () => void;\n  /** The error currently shown, if any. */\n  getError: () => AudioPlayerError | null;\n};\n\ntype AudioPlayerProps = {\n  locale?: string;\n  chapters: ChapterWithPublicUrl[];\n  styles: CSSProperties;\n  updateCurrentTime?: (currentTime: number) => void;\n\n  title?: string;\n  imageURL?: string;\n  /** Hide the repeated visual heading when the desktop details show the cover beside it. */\n  coverShownBeside?: boolean;\n  /** Book author, used as the lock-screen artist. */\n  author?: string;\n\n  setCurrentTimeHandler?: (seekTo: (second: number) => void) => void;\n  uniqueProductID: string;\n\n  onChapterChange?: (chapter: ChapterWithPublicUrl) => void;\n  /** A fatal playback error the player could not recover from. */\n  onError?: (error: AudioPlayerError) => void;\n  /** The signed URL returned 401/403; the owner should refetch the chapters. */\n  onExpiredUrl?: () => void;\n  /** The last chapter ended. */\n  onFinished?: () => void;\n};\n\nconst AudioPlayer = forwardRef<AudioPlayerMethods, AudioPlayerProps>(\n  (\n    {\n      chapters,\n      locale,\n      styles,\n      updateCurrentTime,\n      setCurrentTimeHandler,\n      title,\n      imageURL,\n      coverShownBeside,\n      author,\n      uniqueProductID,\n      onChapterChange,\n      onError,\n      onExpiredUrl,\n      onFinished,\n    },\n    ref,\n  ) => {\n    const t = useAudioTexts(locale);\n    const [speed, setSpeed] = useState(1);\n    const speedRef = useRef(1);\n    const [chapterID, setChapterID] = useState<string>();\n    const [sleepMode, setSleepMode] = useState(\"off\");\n    const [sleepRemaining, setSleepRemaining] = useState(0);\n    const sleepRef = useRef<{ mode: string; deadline: number }>({\n      mode: \"off\",\n      deadline: 0,\n    });\n\n    function cancelSleep() {\n      sleepRef.current = { mode: \"off\", deadline: 0 };\n      setSleepMode(\"off\");\n      setSleepRemaining(0);\n    }\n    function changeSleep(mode: string) {\n      const seconds = Number(mode) * 60;\n      sleepRef.current = {\n        mode,\n        deadline: Number.isFinite(seconds) ? Date.now() + seconds * 1000 : 0,\n      };\n      setSleepMode(mode);\n      setSleepRemaining(Number.isFinite(seconds) ? seconds : 0);\n    }\n    function changeSpeed(rate: number) {\n      if (!SPEEDS.includes(rate)) return;\n      setSpeed(rate);\n      speedRef.current = rate;\n      playerStorage.set(SPEED_KEY, String(rate));\n      if (videoRef.current) videoRef.current.playbackRate = rate;\n      updatePlayerDetails();\n    }\n    useEffect(() => {\n      const saved = Number(playerStorage.get(SPEED_KEY));\n      if (SPEEDS.includes(saved)) changeSpeed(saved);\n      const timer = setInterval(() => {\n        const { mode, deadline } = sleepRef.current;\n        if (mode === \"off\" || mode === \"chapter\") return;\n        const remaining = Math.max(\n          0,\n          Math.ceil((deadline - Date.now()) / 1000),\n        );\n        setSleepRemaining(remaining);\n        if (remaining === 0) {\n          playWhenReadyRef.current = false;\n          pause();\n          cancelSleep();\n        }\n      }, 1000);\n      return () => clearInterval(timer);\n    }, []);\n\n    enum PlayState {\n      Playing,\n      Paused,\n    }\n\n    const [playState, setPlayState] = useState<PlayState>(PlayState.Paused);\n    const [currentTime, setCurrentTime] = useState<number | undefined>(\n      undefined,\n    );\n    const [duration, setDuration] = useState<number | undefined>(undefined);\n    const [isLoading, setIsLoading] = useState(false);\n    const [playerError, setPlayerError] = useState<AudioPlayerError | null>(\n      null,\n    );\n\n    const videoRef = useRef<HTMLVideoElement | null>(null);\n    const hlsRef = useRef<HlsSource | null>(null);\n    const timerRef = useRef<ReturnType<typeof setInterval> | undefined>(\n      undefined,\n    );\n\n    const audioPlayerContainerRef = useRef<HTMLDivElement>(null!);\n\n    const currentChapterRef = useRef<ChapterWithPublicUrl | null>(null);\n    const playerErrorRef = useRef<AudioPlayerError | null>(null);\n\n    /** Set by a user action; the next `loadeddata` starts playback once. */\n    const playWhenReadyRef = useRef(false);\n    /** Position restored for the chapter that is loading, once. */\n    const resumedRef = useRef(false);\n    /** Position to restore instead of the remembered one (URL refresh, retry). */\n    const pendingSeekRef = useRef<number | null>(null);\n    /** Chapter URL that already asked the owner for a fresh signed URL. */\n    const expiredUrlRef = useRef<string | null>(null);\n    const chaptersRef = useRef(chapters);\n    const chaptersSignatureRef = useRef<string | null>(null);\n\n    // The owner passes new callbacks on every render; the player must keep the\n    // current ones without restarting playback.\n    const callbacksRef = useRef({\n      onChapterChange,\n      onError,\n      onExpiredUrl,\n      onFinished,\n      updateCurrentTime,\n      title,\n      imageURL,\n      author,\n    });\n    callbacksRef.current = {\n      onChapterChange,\n      onError,\n      onExpiredUrl,\n      onFinished,\n      updateCurrentTime,\n      title,\n      imageURL,\n      author,\n    };\n\n    function saveLastPlayedTime(timeInSeconds: number) {\n      if (\n        !resumedRef.current ||\n        !Number.isFinite(timeInSeconds) ||\n        timeInSeconds < 0\n      ) {\n        return;\n      }\n      playerStorage.set(\n        `__player__${uniqueProductID}_${currentChapterRef.current?.id}`,\n        `${Math.floor(timeInSeconds)}`,\n      );\n    }\n\n    function getLastPlayedTime(): number | undefined {\n      const time = playerStorage.get(\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 = playerStorage.get(\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      playerStorage.set(`__player__${uniqueProductID}_last_chapter`, chapterID);\n    }\n\n    function deleteMemoryChapter(chapterID: string) {\n      playerStorage.remove(`__player__${uniqueProductID}_${chapterID}`);\n    }\n\n    function syncMediaSessionMetadata(chapter: ChapterWithPublicUrl | null) {\n      mediaSessionSetMetadata({\n        title: chapter?.name ?? callbacksRef.current.title ?? \"\",\n        album: callbacksRef.current.title,\n        artist: callbacksRef.current.author,\n        artwork: callbacksRef.current.imageURL,\n      });\n    }\n\n    function reportError(error: AudioPlayerError) {\n      playerErrorRef.current = error;\n      setPlayerError(error);\n      setIsLoading(false);\n      callbacksRef.current.onError?.(error);\n    }\n\n    function clearError() {\n      playerErrorRef.current = null;\n      setPlayerError(null);\n    }\n\n    function attemptPlay() {\n      const video = videoRef.current;\n      if (video == null) {\n        return;\n      }\n      const result = video.play() as Promise<void> | undefined;\n      if (result != null && typeof result.catch == \"function\") {\n        result.catch(() => {\n          // The browser blocked playback; the user presses play.\n        });\n      }\n      updatePlayerDetails();\n    }\n\n    function play() {\n      attemptPlay();\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 seekTo(toSecond: number) {\n      const video = videoRef.current;\n      if (video == null || !Number.isFinite(toSecond)) {\n        return;\n      }\n      const knownDuration = Number.isFinite(video.duration)\n        ? video.duration\n        : 0;\n      const target =\n        knownDuration > 0\n          ? Math.min(Math.max(toSecond, 0), knownDuration)\n          : Math.max(toSecond, 0);\n      setCurrentTime(target);\n      video.currentTime = target;\n      updatePlayerDetails();\n    }\n\n    function seekBy(seconds: number) {\n      const video = videoRef.current;\n      if (video == null) {\n        return;\n      }\n      const knownDuration = Number.isFinite(video.duration)\n        ? video.duration\n        : undefined;\n      let target = Math.max(video.currentTime + seconds, 0);\n      if (knownDuration != null && target > knownDuration) {\n        target = knownDuration;\n      }\n      seekTo(target);\n    }\n\n    function loadSource(src: string) {\n      const video = videoRef.current;\n      if (video == null) {\n        return;\n      }\n      clearError();\n      setIsLoading(true);\n\n      if (prefersNativeHls(video)) {\n        destroyHls();\n        video.src = src;\n        video.load();\n        return;\n      }\n\n      if (Hls.isSupported()) {\n        if (hlsRef.current == null) {\n          hlsRef.current = createHlsSource({\n            media: video,\n            handlers: {\n              onError: (error) => {\n                reportError(error);\n              },\n              onExpiredUrl: () => {\n                callbacksRef.current.onExpiredUrl?.();\n              },\n            },\n          });\n        }\n        hlsRef.current.load(src);\n        return;\n      }\n\n      // No Media Source and no native HLS: let the browser try the URL itself.\n      destroyHls();\n      video.src = src;\n      video.load();\n    }\n\n    function destroyHls() {\n      hlsRef.current?.destroy();\n      hlsRef.current = null;\n    }\n\n    function playChapter(\n      chapter: ChapterWithPublicUrl,\n      options?: { play?: boolean },\n    ) {\n      const shouldPlay = options?.play === true;\n      if (\n        currentChapterRef.current &&\n        videoRef.current &&\n        !videoRef.current.ended\n      ) {\n        saveLastPlayedTime(videoRef.current.currentTime);\n      }\n      resumedRef.current = false;\n      pendingSeekRef.current = null;\n      playWhenReadyRef.current = shouldPlay;\n      currentChapterRef.current = chapter;\n      setChapterID(chapter.id);\n      setCurrentTime(0);\n      setDuration(chapter.duration);\n      loadSource(chapter.publicUrl);\n      syncMediaSessionMetadata(chapter);\n      callbacksRef.current.onChapterChange?.(chapter);\n      setLastSelectedChapterID(chapter.id);\n    }\n\n    function loadChapters(list: ChapterWithPublicUrl[]) {\n      if (list.length === 0) {\n        return;\n      }\n\n      const chapterID = getLastSelectedChapterID();\n      const chapter =\n        (chapterID != null\n          ? list.find((candidate) => candidate.id === chapterID)\n          : undefined) ?? list[0];\n\n      // Mount and content changes never start playback on their own.\n      playChapter(chapter, { play: false });\n    }\n\n    function playNextChapter() {\n      const list = chaptersRef.current;\n      const current = currentChapterRef.current;\n      if (list == null || list.length === 0 || current == null) {\n        return;\n      }\n      const currentChapterIndex = list.findIndex(\n        (chapter) => chapter.id === current.id,\n      );\n      if (currentChapterIndex === -1) {\n        return;\n      }\n      const nextChapterIndex = currentChapterIndex + 1;\n      if (nextChapterIndex >= list.length) {\n        finishPlayback(current);\n        return;\n      }\n      playChapter(list[nextChapterIndex], { play: true });\n    }\n\n    function playPreviousChapter() {\n      const list = chaptersRef.current;\n      const current = currentChapterRef.current;\n      if (current == null) {\n        return;\n      }\n      const video = videoRef.current;\n      if (video != null && video.currentTime > PREVIOUS_TRACK_RESTART_SECONDS) {\n        seekTo(0);\n        return;\n      }\n      const currentChapterIndex =\n        list == null\n          ? -1\n          : list.findIndex((chapter) => chapter.id === current.id);\n      if (currentChapterIndex > 0) {\n        playChapter(list[currentChapterIndex - 1], { play: true });\n        return;\n      }\n      seekTo(0);\n    }\n\n    function finishPlayback(chapter: ChapterWithPublicUrl) {\n      // The chapter is done: no resume point, and the element stays at the end.\n      deleteMemoryChapter(chapter.id);\n      playWhenReadyRef.current = false;\n      videoRef.current?.pause();\n      setPlayState(PlayState.Paused);\n      callbacksRef.current.onFinished?.();\n    }\n\n    function handleEnded() {\n      const current = currentChapterRef.current;\n      if (current == null) {\n        return;\n      }\n      playerStorage.set(\n        `__player__${uniqueProductID}_${current.id}_completed`,\n        \"true\",\n      );\n      deleteMemoryChapter(current.id);\n      if (sleepRef.current.mode === \"chapter\") {\n        playWhenReadyRef.current = false;\n        pause();\n        cancelSleep();\n        return;\n      }\n      playNextChapter();\n      updatePlayerDetails();\n    }\n\n    function handleLoadedData() {\n      const video = videoRef.current;\n      if (video == null) {\n        return;\n      }\n      setIsLoading(false);\n      video.playbackRate = speedRef.current;\n      expiredUrlRef.current = null;\n      if (!resumedRef.current) {\n        resumedRef.current = true;\n        const pending = pendingSeekRef.current;\n        pendingSeekRef.current = null;\n        if (pending != null) {\n          seekTo(pending);\n        } else {\n          const lastPlayedTime = getLastPlayedTime();\n          if (lastPlayedTime != null) {\n            seekTo(lastPlayedTime);\n          }\n        }\n      }\n      if (playWhenReadyRef.current) {\n        playWhenReadyRef.current = false;\n        attemptPlay();\n      }\n    }\n\n    function handleMediaElementError() {\n      const mediaError = videoRef.current?.error;\n      const src = currentChapterRef.current?.publicUrl;\n      // Safari plays HLS itself and reports an expired signed URL as a network\n      // error (2) or an unsupported source (4). Ask for a fresh URL once per\n      // URL; an error that repeats after that refresh is a real error.\n      const refreshable = mediaError?.code === 2 || mediaError?.code === 4;\n      if (\n        refreshable &&\n        hlsRef.current == null &&\n        src != null &&\n        expiredUrlRef.current !== src\n      ) {\n        expiredUrlRef.current = src;\n        callbacksRef.current.onExpiredUrl?.();\n      }\n      reportError(playerErrorFromMediaError(mediaError));\n    }\n\n    function retry() {\n      const chapter = currentChapterRef.current;\n      const src = chapter?.publicUrl ?? hlsRef.current?.src;\n      if (src == null) {\n        return;\n      }\n      const video = videoRef.current;\n      const position = video?.currentTime ?? 0;\n      clearError();\n      resumedRef.current = false;\n      pendingSeekRef.current = position > 0 ? position : null;\n      setCurrentTime(position);\n      if (hlsRef.current != null) {\n        hlsRef.current.retry();\n      } else {\n        loadSource(src);\n      }\n    }\n\n    function handleMediaSessionAction(details: MediaSessionActionDetails) {\n      switch (details.action) {\n        case \"play\":\n          play();\n          break;\n        case \"pause\":\n        case \"stop\":\n          pause();\n          break;\n        case \"seekbackward\":\n          seekBy(-(details.seekOffset ?? SEEK_STEP_SECONDS));\n          break;\n        case \"seekforward\":\n          seekBy(details.seekOffset ?? SEEK_STEP_SECONDS);\n          break;\n        case \"seekto\":\n          // A seek to 0 is valid: only a missing time is ignored.\n          if (details.seekTime != null) {\n            seekTo(details.seekTime);\n          }\n          break;\n        case \"previoustrack\":\n          playPreviousChapter();\n          break;\n        case \"nexttrack\":\n          playNextChapter();\n          break;\n        default:\n          break;\n      }\n    }\n\n    useImperativeHandle(ref, () => {\n      return {\n        selectChapter: (chapter: ChapterWithPublicUrl) => {\n          playChapter(chapter, { play: true });\n        },\n        retry,\n        getError: () => playerErrorRef.current,\n      };\n    });\n\n    function updatePlayerDetails() {\n      const video = videoRef.current;\n      if (video == null) {\n        return;\n      }\n      setPlayState(video.paused ? PlayState.Paused : PlayState.Playing);\n      setDuration(video.duration);\n      setCurrentTime(video.currentTime);\n      if (!video.ended) {\n        saveLastPlayedTime(video.currentTime);\n      }\n      mediaSessionUpdateDurationAndPosition(\n        video.duration,\n        video.currentTime,\n        video.playbackRate,\n      );\n      if (\n        video.networkState === video.NETWORK_LOADING &&\n        video.readyState <= video.HAVE_FUTURE_DATA\n      ) {\n        setIsLoading(true);\n      } else {\n        setIsLoading(false);\n      }\n      callbacksRef.current.updateCurrentTime?.(video.currentTime);\n    }\n\n    // Lock-screen handlers are registered once; they read refs, so they always\n    // see the current chapters and callbacks.\n    useEffect(() => {\n      startMediaSessionCoordinator({\n        title: title ?? \"\",\n        album: title,\n        artist: author,\n        artwork: imageURL,\n        action: handleMediaSessionAction,\n      });\n\n      return () => {\n        stopMediaSessionCoordinator();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // The book title, cover or author arrive after the details request.\n    useEffect(() => {\n      syncMediaSessionMetadata(currentChapterRef.current);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [title, author, imageURL]);\n\n    useEffect(() => {\n      const video = videoRef.current;\n      if (video == null) {\n        return;\n      }\n      video.addEventListener(\"loadeddata\", handleLoadedData);\n      video.addEventListener(\"ended\", handleEnded);\n      video.addEventListener(\"error\", handleMediaElementError);\n      video.addEventListener(\"timeupdate\", updatePlayerDetails);\n      video.addEventListener(\"play\", updatePlayerDetails);\n      video.addEventListener(\"pause\", updatePlayerDetails);\n      video.addEventListener(\"ratechange\", updatePlayerDetails);\n\n      updatePlayerDetails();\n      timerRef.current = setInterval(updatePlayerDetails, 500);\n\n      return () => {\n        video.removeEventListener(\"loadeddata\", handleLoadedData);\n        video.removeEventListener(\"ended\", handleEnded);\n        video.removeEventListener(\"error\", handleMediaElementError);\n        video.removeEventListener(\"timeupdate\", updatePlayerDetails);\n        video.removeEventListener(\"play\", updatePlayerDetails);\n        video.removeEventListener(\"pause\", updatePlayerDetails);\n        video.removeEventListener(\"ratechange\", updatePlayerDetails);\n        if (timerRef.current != null) {\n          clearInterval(timerRef.current);\n          timerRef.current = undefined;\n        }\n        if (!video.ended) saveLastPlayedTime(video.currentTime);\n        setCurrentTime(undefined);\n        video.pause();\n        destroyHls();\n        video.removeAttribute(\"src\");\n        video.load();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useEffect(() => {\n      if (setCurrentTimeHandler != null) {\n        setCurrentTimeHandler(seekTo);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Compare by chapter ids and URLs: a new array with the same content must\n    // not reload the stream or restart playback.\n    const chaptersSignature = chapters\n      .map((chapter) => `${chapter.id}|${chapter.publicUrl ?? \"\"}`)\n      .join(\"\\n\");\n\n    useEffect(() => {\n      chaptersRef.current = chapters;\n      const previousSignature = chaptersSignatureRef.current;\n      if (previousSignature === chaptersSignature) {\n        return;\n      }\n      chaptersSignatureRef.current = chaptersSignature;\n\n      if (previousSignature == null) {\n        loadChapters(chapters);\n        return;\n      }\n\n      const current = currentChapterRef.current;\n      if (current == null) {\n        loadChapters(chapters);\n        return;\n      }\n      const replacement = chapters.find((chapter) => chapter.id === current.id);\n      if (replacement != null && replacement.publicUrl === current.publicUrl) {\n        // Same stream, different array: keep playing.\n        return;\n      }\n      if (replacement != null) {\n        // A fresh signed URL for the chapter that is playing: keep the position\n        // and whether it was playing.\n        const video = videoRef.current;\n        const position = video?.currentTime ?? 0;\n        const wasPlaying = video != null && !video.paused;\n        currentChapterRef.current = replacement;\n        resumedRef.current = false;\n        pendingSeekRef.current = position > 0 ? position : null;\n        playWhenReadyRef.current = wasPlaying;\n        loadSource(replacement.publicUrl);\n        syncMediaSessionMetadata(replacement);\n        callbacksRef.current.onChapterChange?.(replacement);\n        setLastSelectedChapterID(replacement.id);\n        return;\n      }\n      loadChapters(chapters);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [chaptersSignature]);\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    const currentIndex = chapters.findIndex(\n      (chapter) => chapter.id === chapterID,\n    );\n    const knownDuration =\n      Number.isFinite(duration) && duration! > 0\n        ? duration!\n        : (chapters[currentIndex]?.duration ?? 0);\n    const position = Math.min(\n      Math.max(currentTime ?? 0, 0),\n      knownDuration || Infinity,\n    );\n    const wholeBookKnown =\n      chapters.length > 0 &&\n      chapters.every(\n        (chapter) => Number.isFinite(chapter.duration) && chapter.duration! > 0,\n      );\n    const remaining =\n      Math.max(\n        0,\n        knownDuration -\n          position +\n          (wholeBookKnown\n            ? chapters\n                .slice(currentIndex + 1)\n                .reduce((sum, chapter) => sum + chapter.duration!, 0)\n            : 0),\n      ) / speed;\n    const minutesLeft = Math.ceil(remaining / 60);\n    const leftText = `${Math.floor(minutesLeft / 60) > 0 ? `${Math.floor(minutesLeft / 60)} h ` : \"\"}${minutesLeft % 60} min`;\n\n    return (\n      <div\n        id=\"audio-player-container\"\n        className=\"bitsnap-audio-player flex min-w-0 flex-col gap-3 text-neutral-900 dark:text-neutral-100\"\n        style={\n          {\n            ...styles,\n            \"--seek-before-width\": `${knownDuration > 0 ? (position / knownDuration) * 100 : 0}%`,\n          } as CSSProperties\n        }\n        ref={audioPlayerContainerRef}\n        data-player-error={playerError?.kind}\n      >\n        <video\n          ref={videoRef}\n          className=\"hidden\"\n          poster={imageURL}\n          title={title}\n        />\n        <div className={cn(\"flex min-w-0 items-center gap-3\", coverShownBeside && \"lg:hidden\")}>\n          {imageURL && (\n            <img\n              src={imageURL}\n              alt=\"\"\n              className=\"h-16 w-16 shrink-0 rounded object-contain\"\n            />\n          )}\n          <div className=\"min-w-0 break-words\">\n            <p className=\"font-semibold\">\n              {chapters[currentIndex]?.name ?? title}\n            </p>\n            {author && (\n              <p className=\"text-sm text-neutral-600 dark:text-neutral-300\">\n                {author}\n              </p>\n            )}\n          </div>\n        </div>\n        {playerError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-lg bg-red-50 p-3 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          >\n            <p>{t.error}</p>\n            <Button variant=\"outline\" onClick={retry}>\n              {t.retry}\n            </Button>\n          </div>\n        )}\n        <input\n          type=\"range\"\n          min=\"0\"\n          max={knownDuration || 100}\n          value={position}\n          disabled={!knownDuration}\n          aria-label={t.progress}\n          aria-valuetext={`${formatTime(position)} ${t.of} ${formatTime(knownDuration)}`}\n          onChange={(event) => seekTo(Number(event.target.value))}\n        />\n        <section className=\"flex w-full justify-between text-sm tabular-nums\">\n          <span id=\"current-time\">{formatTime(position)}</span>\n          <span id=\"duration\">{formatTime(knownDuration)}</span>\n        </section>\n        {knownDuration > 0 && (\n          <p className=\"text-sm text-neutral-600 dark:text-neutral-300\">\n            {t.left === \"left\"\n              ? `${leftText} ${t.left}`\n              : `${t.left} ${leftText}`}{\" \"}\n            · {wholeBookKnown ? t.book : t.chapter} ({speed}×)\n          </p>\n        )}\n        <div className=\"flex flex-wrap items-center justify-center gap-2\">\n          <Button\n            variant=\"outline\"\n            onClick={playPreviousChapter}\n            disabled={currentIndex < 0}\n            aria-label={t.previous}\n          >\n            <SkipBack className=\"h-5 w-5\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={() => seekBy(-SEEK_STEP_SECONDS)}\n            aria-label={t.rewind}\n          >\n            −{SEEK_STEP_SECONDS}\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={togglePlayState}\n            aria-label={playState === PlayState.Paused ? t.play : t.pause}\n          >\n            {playState === PlayState.Paused ? (\n              <Play className=\"h-5 w-5\" />\n            ) : (\n              <Pause className=\"h-5 w-5\" />\n            )}\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={() => seekBy(SEEK_STEP_SECONDS)}\n            aria-label={t.forward}\n          >\n            +{SEEK_STEP_SECONDS}\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={playNextChapter}\n            disabled={currentIndex < 0 || currentIndex >= chapters.length - 1}\n            aria-label={t.next}\n          >\n            <SkipForward className=\"h-5 w-5\" />\n          </Button>\n        </div>\n        <div className=\"flex flex-wrap gap-3 md:grid md:grid-cols-2\">\n          <label className=\"flex flex-1 items-center gap-2 text-sm md:flex-col md:items-start md:whitespace-nowrap\">\n            {t.speed}\n            <select\n              aria-label={t.speed}\n              value={speed}\n              onChange={(event) => changeSpeed(Number(event.target.value))}\n            >\n              {SPEEDS.map((rate) => (\n                <option key={rate} value={rate}>\n                  {rate}×\n                </option>\n              ))}\n            </select>\n          </label>\n          <label className=\"flex flex-1 items-center gap-2 text-sm md:flex-col md:items-start md:whitespace-nowrap\">\n            {t.sleep}\n            <select\n              aria-label={t.sleep}\n              value={sleepMode}\n              onChange={(event) => changeSleep(event.target.value)}\n            >\n              <option value=\"off\">{t.off}</option>\n              {[15, 30, 45, 60].map((minutes) => (\n                <option key={minutes} value={minutes}>\n                  {minutes} min\n                </option>\n              ))}\n              <option value=\"chapter\">{t.end}</option>\n            </select>\n          </label>\n        </div>\n        {sleepMode !== \"off\" && (\n          <div className=\"flex items-center justify-between gap-2 text-sm\">\n            <span role=\"timer\">\n              {sleepMode === \"chapter\" ? t.end : formatTime(sleepRemaining)}\n            </span>\n            <Button variant=\"outline\" onClick={cancelSleep}>\n              {t.cancel}\n            </Button>\n          </div>\n        )}\n        {isLoading && (\n          <div role=\"status\" className=\"flex justify-center\">\n            <LoadingIndicator />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nexport default AudioPlayer;\n"]}

package/dist/chunk-TVZLDLAV.mjs

@@ -0,0 +1,2 @@
+import{a as It,b as Lt}from"./chunk-KOVKUJAW.mjs";import{b as St,d as Ze,e as ie,f as ht,h as kt,i as Nt,k as P,l as Tt,n as wt,o as Et,p as Ct}from"./chunk-ZFUE3AX5.mjs";import{a as me}from"./chunk-7IP3JWZ3.mjs";import{a as i}from"./chunk-5R6AGO3Z.mjs";import{l as Rt,m as Ee,n as xt}from"./chunk-QQSCVPOG.mjs";import{a as Ce,b as vt,f as Ie}from"./chunk-OFPRIENJ.mjs";var Lr=["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"],Nn={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"},Tn={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"}},wn=[{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 Ge(e){let t=It(e,{defaultTheme:"light",presets:Tn,variables:Nn,shadcnVariables:wn});return{theme:t.theme,tokens:t.tokens,elements:t.elements,boundaryClassName:t.theme,boundaryStyle:t.boundaryStyle}}function Pt(e,t){return Lt(e.elements,t)}import{createContext as En,useContext as Cn,useMemo as In}from"react";import{jsx as Ln}from"react/jsx-runtime";var At=En(Ge());function Ot({appearance:e,children:t}){let n=In(()=>Ge(e),[e]);return Ln(At.Provider,{value:n,children:t})}function $e(){return Cn(At)}function d(e){let t=$e();return Pt(t,e)??{}}function Bt(e){return e==="test"||e===1?1:0}var zt={title:["emailStepTitle"],email:["emailLabel"],sendCode:["emailSubmit"],code:["codeLabel"],verify:["codeSubmit"],orders:["ordersTitle"],submit:["confirmationSubmit"],note:["noteLabel"],history:["myReturnsTitle","myReturnsLink"]};function Mt(e){if(e==null)return;let t={};for(let[n,s]of Object.entries(zt)){let a=e[n];if(typeof a=="string")for(let u of s)t[u]=a}for(let n of Object.keys(e)){if(n in zt)continue;let s=e[n];typeof s=="string"&&(t[n]=s)}return t}function Dt(e,t){let n=t?.brandColor?.trim();return n==null||n===""?e:{...e,tokens:{...wt(n),...e?.tokens}}}function Xe(e,t){return typeof e=="object"&&e!=null?{pageSize:e.pageSize??20,explicitPageToken:void 0}:typeof e=="number"||t!==void 0?{pageSize:e??20,explicitPageToken:t??""}:{pageSize:20,explicitPageToken:void 0}}var Pn={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",resendSent:"We sent a new code.",codeSpamHint:"Can't see the email? Check your spam folder.",codeValidity:"The code is valid for 10 minutes.",codeIncomplete:"Enter all 6 digits of the code.",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.",errorNetwork:"Cannot reach the server. Check your connection and 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",resendSent:"Wys\u0142ali\u015Bmy nowy kod.",codeSpamHint:"Nie widzisz e-maila? Sprawd\u017A folder spam.",codeValidity:"Kod jest wa\u017Cny 10 minut.",codeIncomplete:"Wpisz wszystkie 6 cyfr kodu.",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.",errorNetwork:"Brak po\u0142\u0105czenia z serwerem. Sprawd\u017A internet i 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 Je(e,t){return vt(Pn,e,t)}function Ft(e,t){return e.replace(/\{(\w+)\}/g,(n,s)=>Object.prototype.hasOwnProperty.call(t,s)?String(t[s]):n)}var An={submitted:"statusSubmitted",approved:"statusApproved",rejected:"statusRejected",awaiting_receipt:"statusAwaitingReceipt",received:"statusReceived",completed:"statusCompleted",cancelled:"statusCancelled",refunded:"statusRefunded"},On={not_started:"refundStatusNotStarted",pending:"refundStatusPending",succeeded:"refundStatusSucceeded",failed:"refundStatusFailed"};function Kt(e){return An[e]??"statusFallback"}function jt(e){return On[e]??"refundStatusFallback"}import{createContext as zn,useCallback as Bn,useContext as _t,useMemo as Mn}from"react";import{jsx as Dn}from"react/jsx-runtime";var et=zn({locale:"pl-PL",texts:Je("pl-PL")});function qt({texts:e,locale:t,children:n}){let s=t??Ie(),a=Mn(()=>({locale:s,texts:Je(s,e)}),[s,e]);return Dn(et.Provider,{value:a,children:n})}function z(){let{texts:e}=_t(et);return Bn((t,n)=>n==null?e[t]:Ft(e[t],n),[e])}function Z(){return _t(et).locale}import{createClient as jn}from"@connectrpc/connect";import{createConnectQueryKey as _n,TransportProvider as qn}from"@connectrpc/connect-query";import{QueryClient as Un,QueryClientContext as Vn,QueryClientProvider as Qn,useQueryClient as Wn}from"@tanstack/react-query";import{createContext as Hn,useCallback as ze,useContext as Ht,useEffect as Wt,useMemo as Be,useRef as Yn,useState as ke}from"react";function tt(){try{return typeof window<"u"?window.sessionStorage:void 0}catch{return}}function Ut(e,t,n){return`bitsnap-login-pending:${e}:${encodeURIComponent(n??"")}:${encodeURIComponent(t??"")}`}function Le(e,t){try{tt()?.setItem(e,JSON.stringify(t))}catch{}}function fe(e){try{tt()?.removeItem(e)}catch{}}function Pe(e,t=Date.now()){let n=tt();if(n!=null)try{let s=n.getItem(e);if(s==null)return;let a=JSON.parse(s);if(a!=null&&typeof a.email=="string"&&a.email!==""&&typeof a.sentAt=="number"&&typeof a.resendAt=="number"&&(a.challengeId==null||typeof a.challengeId=="string")&&t-a.sentAt<6e5)return{email:a.email,challengeId:a.challengeId,resendAt:a.resendAt,sentAt:a.sentAt};n.removeItem(e)}catch{try{n.removeItem(e)}catch{}}}import{timestampMs as Fn}from"@bufbuild/protobuf/wkt";var Kn="bitsnap-returns-session:";function nt(e){return`${Kn}${e}`}function Ae(){try{return typeof window<"u"?window.sessionStorage:void 0}catch{return}}function Vt(e,t,n=Date.now()){if(e==null)return;let s=nt(t);try{let a=e.getItem(s);if(a==null)return;let u=JSON.parse(a);if(u!=null&&typeof u=="object"&&typeof u.token=="string"&&u.token.length>0&&typeof u.expiresAt=="number"&&u.expiresAt>n){let{token:o,expiresAt:r}=u;return{token:o,expiresAt:r}}e.removeItem(s)}catch{try{e.removeItem(s)}catch{}}}function Qt(e,t,n){try{e?.setItem(nt(t),JSON.stringify(n))}catch{}}function rt(e,t){try{e?.removeItem(nt(t))}catch{}}function Oe(e){return e==null?void 0:Fn(e)}import{jsx as ue}from"react/jsx-runtime";var Yt=Hn(void 0);function D(e){let t=Ht(Yt);if(t==null)throw new Error(`${e} must be rendered inside <ReturnsProvider>`);return t}function st(){return _n({schema:Ze,cardinality:void 0})}var Zn=2**31-1;function Gn({projectID:e,environment:t,transport:n,panelAccessToken:s,className:a,children:u}){let o=Wn(),{boundaryClassName:r,boundaryStyle:g}=$e(),m=d("root"),[l,y]=ke({status:"hydrating"}),[c,f]=ke(),[b,x]=ke(),[v,k]=ke(),S=Ut("returns",e),w=Yn(void 0),h=ze(N=>{if(x(N),N==null){fe(S);return}k(N.email),Le(S,{email:N.email,challengeId:N.challengeId,resendAt:N.resendAvailableAt,sentAt:Date.now()})},[S]),C=ze(()=>{o.removeQueries({queryKey:st()})},[o]),U=ze(()=>{rt(Ae(),e),h(void 0),y({status:"anonymous"}),C()},[e,C,h]),j=ze(N=>{Qt(Ae(),e,N),f(void 0),h(void 0),y({status:"authenticated",token:N.token,expiresAt:N.expiresAt})},[e,h]);Wt(()=>{let N=!1,Y=Ae();if(s==null||s===""){let A=w.current!=null;if(w.current=void 0,A){U();return}let _=Vt(Y,e),V=_==null?Pe(S):void 0;V?.challengeId!=null&&(x({challengeId:V.challengeId,email:V.email,resendAvailableAt:V.resendAt}),k(V.email)),y(_!=null?{status:"authenticated",token:_.token,expiresAt:_.expiresAt}:{status:"anonymous"});return}return w.current=s,rt(Y,e),C(),f(void 0),y({status:"exchanging"}),jn(Ze,n).exchangePanelSession({projectId:e,accessToken:s,environment:t}).then(A=>{if(N)return;let _=Oe(A.expiresAt);if(A.sessionToken===""||_==null)throw new Error("EMPTY_SESSION");j({token:A.sessionToken,expiresAt:_})}).catch(A=>{N||(f(A),y({status:"anonymous"}))}),()=>{N=!0}},[s,e,t,n]),Wt(()=>{if(l.status!=="authenticated"||l.expiresAt==null)return;let N=l.expiresAt-Date.now();if(N<=0){U();return}let Y=setTimeout(U,Math.min(N,Zn));return()=>clearTimeout(Y)},[l.status,l.expiresAt,U]);let J=Be(()=>({projectID:e,environment:t,status:l.status,token:l.token,exchangeError:c,challenge:b,setChallenge:h,lastEmail:v,authenticate:j,clearSession:U}),[e,t,l.status,l.token,c,b,h,v,j,U]);return ue(Yt.Provider,{value:J,children:ue("div",{"data-bitsnap-returns":"root","data-bitsnap-returns-slot":"root",className:i("bitsnap-react",r,a,m.className),style:{...g,...m.style},children:u})})}function $n({projectID:e,host:t,environment:n,appearance:s,texts:a,theme:u,locale:o,panelAccessToken:r,className:g,analytics:m,children:l}){let y=xt(e,m,"returns"),c=Ht(Vn),[f]=ke(()=>c==null?new Un({defaultOptions:{queries:{staleTime:5e3}}}):void 0),b=t??kt(),x=Be(()=>Nt(b),[b]),v=u?.brandColor,k=Be(()=>Dt(s,{brandColor:v}),[s,v]),S=Be(()=>Mt(a),[a]),w=ue(Rt,{value:y,children:ue(qn,{transport:x,children:ue(Ot,{appearance:k,children:ue(qt,{texts:S,locale:o,children:ue(Gn,{projectID:e,environment:Bt(n),transport:x,panelAccessToken:r,className:g,children:l})})})})});return c==null&&f!=null?ue(Qn,{client:f,children:w}):w}var us=$n;import{useMutation as it,useQuery as Me}from"@connectrpc/connect-query";import{useQueryClient as nr}from"@tanstack/react-query";import{useCallback as oe,useEffect as Jt,useRef as rr,useState as sr}from"react";import{Code as Jn,ConnectError as er}from"@connectrpc/connect";import{Code as Ne,ConnectError as Xn}from"@connectrpc/connect";function Zt(e){let t=Xn.from(e);switch(t.code){case Ne.ResourceExhausted:return"rateLimited";case Ne.Unavailable:case Ne.DeadlineExceeded:case Ne.Canceled:return"network";case Ne.Unknown:return e instanceof TypeError||t.cause instanceof TypeError?"network":"unknown";default:return"unknown"}}var tr="SESSION_EXPIRED",Gt={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 $t(e){if(e==null||typeof e!="object")return;let{rawMessage:t,message:n}=e;if(typeof t=="string"&&t.length>0)return t;if(typeof n=="string")return Object.keys(Gt).find(s=>n.includes(s))}function ot(e){return $t(e)===tr}function Xt(e){let t=$t(e),n=t!=null?Gt[t]:void 0;if(n!=null)return n;if(e!=null&&typeof e=="object"){if(er.from(e).code===Jn.ResourceExhausted)return"errorRateLimited";if(Zt(e)==="network")return"errorNetwork"}return"errorGeneric"}function at(){let e=typeof globalThis<"u"?globalThis.crypto:void 0;if(typeof e?.randomUUID=="function")return e.randomUUID();let t=new Uint8Array(16);if(typeof e?.getRandomValues=="function")e.getRandomValues(t);else for(let n=0;n<t.length;n++)t[n]=Math.floor(Math.random()*256);return Array.from(t,n=>n.toString(16).padStart(2,"0")).join("")}function ge(e){return e==null?null:e instanceof Error?e:new Error(String(e))}function ye(e){return e==null?void 0:Xt(e)}function De(e,t){Jt(()=>{ot(e)&&t()},[e,t])}function en(e){let[t,n]=sr([""]);return Jt(()=>{n([""])},[e]),{pageToken:t[t.length-1]??"",page:t.length,push:s=>n(a=>[...a,s]),pop:()=>n(s=>s.length>1?s.slice(0,-1):s)}}function Fe(){let e=D("useReturnSession"),t=it(ie.returns.startReturnSession),n=it(ie.returns.verifyReturnSession),{setChallenge:s,authenticate:a,clearSession:u}=e,o=Z().toLowerCase().startsWith("en")?"en":"pl",r=oe(async f=>{n.reset();let b=f.trim(),x=await t.mutateAsync({projectId:e.projectID,email:b,environment:e.environment,locale:o});return s({challengeId:x.challengeId,email:b,resendAvailableAt:Date.now()+Math.max(0,x.resendAfterSeconds)*1e3}),x},[e.projectID,e.environment,o,s,t,n]),g=oe(async f=>{let b=await n.mutateAsync({projectId:e.projectID,challengeId:f.challengeId,code:f.code,environment:e.environment}),x=Oe(b.expiresAt);if(b.sessionToken===""||x==null)throw new Error("EMPTY_SESSION");return a({token:b.sessionToken,expiresAt:x}),b},[e.projectID,e.environment,a,n]),m=oe(async f=>{try{return await r(f),!0}catch{return!1}},[r]),l=oe(async f=>{if(e.challenge==null)return!1;try{return await g({challengeId:e.challenge.challengeId,code:f.trim()}),!0}catch{return!1}},[e.challenge,g]),y=oe(()=>e.challenge!=null?m(e.challenge.email):Promise.resolve(!1),[e.challenge,m]),c=ge(t.error??n.error??e.exchangeError);return{status:e.status,isAuthenticated:e.status==="authenticated",challenge:e.challenge,isStarting:t.isPending,isVerifying:n.isPending,starting:t.isPending,verifying:n.isPending,error:c,errorKey:ye(c),start:m,startSession:r,verifySession:g,verify:l,resend:y,logout:u}}function Ke(e){return e.status==="hydrating"||e.status==="exchanging"}function tn(e,t){let n=D("useReturnOrders"),{pageSize:s,explicitPageToken:a}=Xe(e,t),u=en(n.token),o=Me(ie.returns.listReturnOrders,{projectId:n.projectID,sessionToken:n.token??"",pageSize:s,pageToken:a??u.pageToken},{enabled:n.token!=null});De(o.error,n.clearSession);let r=o.data?.nextPageToken??"";return{orders:o.data?.orders??[],total:o.data?.total??0,data:o.data,isLoading:Ke(n)||o.isLoading,isFetching:o.isFetching,error:ge(o.error),errorKey:ye(o.error),status:o.status,isError:o.isError,isSuccess:o.isSuccess,page:u.page,hasNext:r!=="",hasPrevious:u.page>1,next:()=>{r!==""&&u.push(r)},previous:u.pop,refetch:()=>o.refetch()}}function ut(e){let t=D("useReturnableOrder"),n=Me(ie.returns.getReturnableOrder,{projectId:t.projectID,sessionToken:t.token??"",canonicalOrderId:e??""},{enabled:t.token!=null&&e!=null&&e!==""});return De(n.error,t.clearSession),{order:n.data?.order,returnHistory:n.data?.returnHistory??[],data:n.data,isLoading:e!=null&&e!==""&&(Ke(t)||n.isLoading),error:ge(n.error),errorKey:ye(n.error),status:n.status,isError:n.isError,isSuccess:n.isSuccess,refetch:()=>n.refetch()}}function nn(){let e=D("useCreateReturn"),t=nr(),n=it(ie.returns.createReturnRequest),s=Ee(),a=rr(void 0),{clearSession:u}=e,o=oe(async(l,y)=>{try{let c=await n.mutateAsync({projectId:e.projectID,sessionToken:e.token??"",canonicalOrderId:l.orderId,items:l.items,note:l.note??"",idempotencyKey:y});return t.invalidateQueries({queryKey:st()}),s.track("return_submitted",{reason_code:"unspecified",item_count:l.items.length},{order_ref:null}),c}catch(c){throw ot(c)&&u(),c}},[e.projectID,e.token,n,t,u,s]),r=oe(async l=>{a.current??=at();try{let y=await o(l,a.current);return a.current=void 0,y.request}catch{return}},[o]),g=oe(async l=>{if(e.token==null)throw new Error("Verify your email to continue.");return o({orderId:l.canonicalOrderID,items:l.items,note:l.note},l.idempotencyKey??at())},[e.token,o]),m=oe((l,y)=>{g(l).then(c=>y?.onSuccess?.(c),c=>y?.onError?.(ge(c)))},[g]);return{submit:r,isPending:n.isPending,error:ge(n.error),errorKey:ye(n.error),mutateAsync:g,mutate:m,data:n.data,reset:n.reset,status:n.status,isError:n.isError,isSuccess:n.isSuccess}}function rn(e,t){let n=D("useMyReturns"),{pageSize:s,explicitPageToken:a}=Xe(e,t),u=en(n.token),o=Me(ie.returns.listMyReturns,{projectId:n.projectID,sessionToken:n.token??"",pageSize:s,pageToken:a??u.pageToken},{enabled:n.token!=null});De(o.error,n.clearSession);let r=o.data?.nextPageToken??"";return{returns:o.data?.returns??[],total:o.data?.total??0,data:o.data,isLoading:Ke(n)||o.isLoading,isFetching:o.isFetching,error:ge(o.error),errorKey:ye(o.error),status:o.status,isError:o.isError,isSuccess:o.isSuccess,page:u.page,hasNext:r!=="",hasPrevious:u.page>1,next:()=>{r!==""&&u.push(r)},previous:u.pop,refetch:()=>o.refetch()}}function je(e){let t=D("useMyReturn"),n=Me(ie.returns.getMyReturn,{projectId:t.projectID,sessionToken:t.token??"",returnId:e},{enabled:t.token!=null});return De(n.error,t.clearSession),{request:n.data?.request,isLoading:Ke(t)||n.isLoading,error:n.error,errorKey:ye(n.error),refetch:()=>n.refetch()}}import{useEffect as Tr,useRef as yn,useState as we}from"react";import*as sn from"@radix-ui/react-label";import{jsx as or}from"react/jsx-runtime";function Te({className:e,...t}){return or(sn.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),...t})}import{Loader2Icon as ar}from"lucide-react";import{jsx as ir}from"react/jsx-runtime";function be({className:e,...t}){return ir(ar,{role:"status","aria-label":"Loading",className:i("size-4 animate-spin",e),...t})}import{useState as ur}from"react";import{Fragment as pr,jsx as ee,jsxs as on}from"react/jsx-runtime";var lr={pl:{alt:"Logo sklepu"},en:{alt:"Shop logo"}},lt="flex h-10 items-center",dt="block max-h-10 max-w-48 w-auto object-contain";function dr(){return on("span",{role:"img","aria-label":"Bitsnap",className:"inline-flex items-center gap-1.5",children:[ee("svg",{"aria-hidden":"true",width:"29",height:"27",viewBox:"0 0 33 30",fill:"none",stroke:"currentColor",strokeWidth:"3.04",strokeLinecap:"round",children:ee("path",{d:"M20.2 1.8h0M22.8 6.2h0M22.8 10.6h0M22.8 15h0M22.8 19.4h0M22.8 23.8h0M20.2 28.2h0M27.1 10.6h0M27.1 15h0M27.1 19.4h0M31.5 15h0M1.5 1.8h0M5.4 1.8h0M9.3 1.8h0M13.2 1.8h0M5.4 15h0M9.3 15h0M13.2 15h0M5.4 28.2h0M9.3 28.2h0M13.2 28.2h0M1.5 6.2h0M1.5 10.6h0M1.5 15h0M1.5 19.4h0M1.5 23.8h0M1.5 28.2h0M16.7 19.4h0M16.7 23.8h0M16.7 6.2h0M16.7 10.6h0"})}),ee("span",{"aria-hidden":"true",className:"text-xl tracking-wider",children:"bitsnap."})]})}function cr(e,t){return ht(St,{projectId:e},{enabled:t,staleTime:1/0,retry:!1,refetchOnWindowFocus:!1})}function ct({projectId:e,name:t,locale:n,showLogo:s=!0,logoUrl:a,logoDarkUrl:u,className:o}){let[r,g]=ur([]),m=a||u,l=e?.trim()??"",{data:y,isPending:c}=cr(l,s&&!m&&l!=="");if(!s)return null;if(!m&&l!==""&&c)return ee("div",{className:i(lt,o),"aria-hidden":"true"});let f=(m?a||u:y?.logoUrl||y?.logoDarkUrl)||"",b=(m?u||a:y?.logoDarkUrl||y?.logoUrl)||"",x=h=>h!==""&&!r.includes(h),v=x(f)?f:x(b)?b:"",k=x(b)?b:x(f)?f:"";if(v===""&&k==="")return ee("div",{className:i(lt,o),children:ee(dr,{})});let S=t||y?.name||Ce(lr,n??Ie()).alt,w=h=>()=>g(C=>C.includes(h)?C:[...C,h]);return ee("div",{className:i(lt,o),children:v===k?ee("img",{src:v,alt:S,className:dt,draggable:!1,onError:w(v)}):on(pr,{children:[ee("img",{src:v,alt:S,className:i(dt,"dark:hidden"),draggable:!1,onError:w(v)}),ee("img",{src:k,alt:S,className:i(dt,"hidden dark:block"),draggable:!1,onError:w(k)})]})})}import{REGEXP_ONLY_DIGITS as Sr}from"input-otp";import{useCallback as hr}from"react";import*as an from"react";import{OTPInput as mr,OTPInputContext as fr}from"input-otp";import{MinusIcon as Ws}from"lucide-react";import{jsx as _e,jsxs as gr}from"react/jsx-runtime";function un({className:e,containerClassName:t,...n}){return _e(mr,{"data-slot":"input-otp",containerClassName:i("flex items-center gap-2 has-disabled:opacity-50",t),className:i("disabled:cursor-not-allowed",e),...n})}function ln({className:e,...t}){return _e("div",{"data-slot":"input-otp-group",className:i("flex items-center",e),...t})}function dn({index:e,className:t,...n}){let s=an.useContext(fr),{char:a,hasFakeCaret:u,isActive:o}=s?.slots[e]??{};return gr("div",{"data-slot":"input-otp-slot","data-active":o,className:i("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]",t),...n,children:[a,u&&_e("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:_e("div",{className:"animate-caret-blink bg-foreground h-4 w-px duration-1000"})})]})}import{useCallback as ae,useEffect as Ue,useRef as Re,useState as G}from"react";import{useEffect as yr,useState as br}from"react";function qe(e){let[,t]=br(0);return yr(()=>{if(e==null||Date.now()>=e)return;let n=setInterval(()=>{t(s=>s+1),Date.now()>=e&&clearInterval(n)},1e3);return()=>clearInterval(n)},[e]),e!=null?Math.max(0,Math.ceil((e-Date.now())/1e3)):0}var Rr={pl:{emailLabel:"E-mail",emailPlaceholder:"m@example.com",sendCode:"Wy\u015Blij kod",sending:"Wysy\u0142anie\u2026",invalidEmail:"Podaj poprawny adres e-mail.",codeSentTo:"Wys\u0142ali\u015Bmy kod na {email}.",changeEmail:"Zmie\u0144",codeLabel:"Kod z e-maila",verify:"Zaloguj si\u0119",verifying:"Sprawdzanie\u2026",codeIncomplete:"Wpisz wszystkie 6 cyfr kodu.",spamHint:"Nie widzisz e-maila? Sprawd\u017A folder spam.",validity:"Kod jest wa\u017Cny 10 minut.",resend:"Wy\u015Blij ponownie",resendIn:"Wy\u015Blij ponownie za {seconds}\xA0s",resendNew:"Wy\u015Blij nowy kod",resent:"Wys\u0142ali\u015Bmy nowy kod.",haveCodePrompt:"Masz ju\u017C kod?",haveCode:"Mam ju\u017C kod",noCode:"Nie masz kodu? Wy\u015Blij go",stepEmail:"Krok 1 z 2: podaj adres e-mail.",stepCode:"Krok 2 z 2: wpisz kod z e-maila.",wrongCode:"Nieprawid\u0142owy kod. Spr\xF3buj jeszcze raz.",expired:"Kod wygas\u0142. Wy\u015Blij nowy kod.",tooManyAttempts:"Zbyt wiele b\u0142\u0119dnych pr\xF3b. Wy\u015Blij nowy kod albo zmie\u0144 adres e-mail.",rateLimited:"Zbyt wiele pr\xF3b. Spr\xF3buj ponownie za {time}.",alreadySent:"Kod zosta\u0142 ju\u017C wys\u0142any. Nowy mo\u017Cesz poprosi\u0107 za {time}.",emailNotFound:"Nie znale\u017Ali\u015Bmy konta z tym adresem e-mail.",deliveryFailed:"Nie uda\u0142o si\u0119 wys\u0142a\u0107 kodu. Spr\xF3buj ponownie.",deliveryUnavailable:"Nie mo\u017Cemy teraz wys\u0142a\u0107 kodu na ten adres. Spr\xF3buj p\xF3\u017Aniej.",captchaRequired:"Potwierd\u017A, \u017Ce jeste\u015B cz\u0142owiekiem, aby wys\u0142a\u0107 kod.",captchaInvalid:"Nie uda\u0142o si\u0119 zweryfikowa\u0107. Spr\xF3buj ponownie.",network:"Brak po\u0142\u0105czenia z serwerem. Sprawd\u017A internet i spr\xF3buj ponownie.",generic:"Co\u015B posz\u0142o nie tak. Spr\xF3buj ponownie."},en:{emailLabel:"Email",emailPlaceholder:"m@example.com",sendCode:"Send code",sending:"Sending\u2026",invalidEmail:"Enter a valid email address.",codeSentTo:"We sent a code to {email}.",changeEmail:"Change",codeLabel:"Code from the email",verify:"Sign in",verifying:"Checking\u2026",codeIncomplete:"Enter all 6 digits of the code.",spamHint:"Can't see the email? Check your spam folder.",validity:"The code is valid for 10 minutes.",resend:"Resend",resendIn:"Resend in {seconds}s",resendNew:"Send a new code",resent:"We sent a new code.",haveCodePrompt:"Already have a code?",haveCode:"I have a code",noCode:"No code yet? Send one",stepEmail:"Step 1 of 2: enter your email address.",stepCode:"Step 2 of 2: enter the code from the email.",wrongCode:"Incorrect code. Please try again.",expired:"The code has expired. Send a new one.",tooManyAttempts:"Too many wrong attempts. Send a new code or change the email address.",rateLimited:"Too many attempts. Try again in {time}.",alreadySent:"A code was already sent. You can ask for a new one in {time}.",emailNotFound:"We could not find an account with this email address.",deliveryFailed:"We could not send the code. Please try again.",deliveryUnavailable:"We cannot send a code to this address right now. Try again later.",captchaRequired:"Complete the security check before requesting a code.",captchaInvalid:"Verification failed. Please try again.",network:"Cannot reach the server. Check your connection and try again.",generic:"Something went wrong. Please try again."}};function Js(e,...t){let n={...Ce(Rr,e)};for(let s of t)if(s!=null)for(let[a,u]of Object.entries(s))u!=null&&(n[a]=u);return n}function cn(e){let t=Math.max(1,Math.ceil(e));return t<=60?`${t}\xA0s`:`${Math.ceil(t/60)}\xA0min`}function pt(e,t){return e.replace(/\{(\w+)\}/g,(n,s)=>Object.prototype.hasOwnProperty.call(t,s)?String(t[s]):n)}var de=6,mn=60,xr=/^(([^<>()[\]\\.,;:\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,}))$/;function pn(e){return xr.test(e.trim())}function Ve(e,t,n){return{...vr(e,t,n),failure:t}}function vr(e,t,n){let s=cn(n??mn);switch(t){case"invalidEmail":return{kind:"error",text:e.invalidEmail};case"emailNotFound":return{kind:"error",text:e.emailNotFound};case"wrongCode":return{kind:"error",text:e.wrongCode};case"expired":return{kind:"error",text:e.expired};case"tooManyAttempts":return{kind:"error",text:e.tooManyAttempts};case"rateLimited":return{kind:"error",text:pt(e.rateLimited,{time:s})};case"alreadySent":return{kind:"info",text:pt(e.alreadySent,{time:s})};case"deliveryFailed":return{kind:"error",text:e.deliveryFailed};case"deliveryUnavailable":return{kind:"error",text:e.deliveryUnavailable};case"captchaRequired":return{kind:"error",text:e.captchaRequired};case"captchaInvalid":return{kind:"error",text:e.captchaInvalid};case"network":return{kind:"error",text:e.network};default:return{kind:"error",text:e.generic}}}function oo(e){let{storageKey:t}=e,n=Re(e);n.current=e;let[s,a]=G("email"),[u,o]=G(e.initialEmail??""),[r,g]=G(""),[m,l]=G(),[y,c]=G(),[f,b]=G(!1),[x,v]=G(),[k,S]=G(),[w,h]=G(),[C,U]=G(!1),[j,J]=G(""),[N,Y]=G(0),A=Re(!1),_=Re("email"),V=Re(null),F=Re(null),re=Re("email"),Se=qe(y),B=ae(T=>{_.current=T,Y(O=>O+1)},[]);Ue(()=>{N!==0&&(_.current==="email"?V:F).current?.focus()},[N]),Ue(()=>{if(a("email"),g(""),l(void 0),c(void 0),b(!1),v(void 0),S(void 0),t==null)return;let T=Pe(t);T!=null&&(o(T.email),l(T.challengeId),c(T.resendAt>Date.now()?T.resendAt:void 0),a("code"))},[t]),Ue(()=>{re.current!==s&&(re.current=s,J(s==="code"?n.current.texts.stepCode:n.current.texts.stepEmail))},[s]),Ue(()=>{s==="code"&&N===0&&B(f?"email":"code")},[s]);let R=ae((T,O,L,M)=>{T!=="wrongCode"&&T!=="invalidEmail"&&T!=="alreadySent"&&n.current.onFailure?.(T,L);let se=Ve(n.current.texts,T,O);return M!=null?{...se,text:M}:se},[]),X=ae((T,O,L,M)=>{let se=Date.now(),bt=se+(L??mn)*1e3;o(T),a("code"),b(!1),l(O),c(bt),g(""),v(void 0),S(M),t!=null&&Le(t,{email:T,challengeId:O,resendAt:bt,sentAt:se}),B("code")},[t,B]),Q=ae(async T=>{if(A.current)return;let O=u.trim();if(!pn(O)){S(Ve(n.current.texts,"invalidEmail")),B("email");return}if(A.current=!0,h(T),S(void 0),n.current.beforeSend&&!await n.current.beforeSend()){A.current=!1,h(void 0),S(Ve(n.current.texts,"captchaInvalid"));return}let L;try{L=await n.current.adapter.send(O,{resend:T==="resend"})}catch(se){L={ok:!1,kind:"network",cause:se}}if(A.current=!1,h(void 0),L.ok){X(O,L.challengeId,L.retryIn,T==="resend"?{kind:"success",text:n.current.texts.resent}:void 0);return}let M=R(L.kind,L.retryIn,L.cause,L.message);if(L.kind==="alreadySent"&&T==="send"){X(O,void 0,L.retryIn,M);return}L.retryIn!=null&&T==="resend"&&c(Date.now()+L.retryIn*1e3),S(M),T==="send"&&B("email")},[u,X,R,B]),he=ae(async T=>{let O=T??r;if(A.current||C||x!=null)return;let L=u.trim();if(f&&!pn(L)){S(Ve(n.current.texts,"invalidEmail")),B("email");return}if(O.length!==de){S({kind:"error",text:n.current.texts.codeIncomplete}),B("code");return}A.current=!0,h("verify"),S(void 0);let M;try{M=await n.current.adapter.verify({email:L,code:O,challengeId:m})}catch(se){M={ok:!1,kind:"network",cause:se}}if(A.current=!1,h(void 0),M.ok){t!=null&&fe(t),U(!0),n.current.onVerified?.(M.value,L);return}switch(S(R(M.kind,M.retryIn,M.cause,M.message)),M.kind){case"expired":case"tooManyAttempts":v(M.kind),g(""),t!=null&&fe(t);break;case"invalidEmail":case"emailNotFound":B(f?"email":"code");break;case"network":case"unknown":case"deliveryFailed":case"deliveryUnavailable":B("code");break;default:g(""),B("code")}},[r,m,x,C,u,R,f,B,t]),Ye=ae(T=>{o(T),S(O=>O?.kind==="error"?void 0:O)},[]),Sn=ae(T=>{g(T.replace(/\D/g,"").slice(0,de)),S(O=>O?.kind==="error"?void 0:O)},[]),hn=ae(()=>{a("email"),b(!1),g(""),l(void 0),c(void 0),v(void 0),S(void 0),t!=null&&fe(t),B("email")},[t,B]),kn=ae(()=>{a("code"),b(!0),g(""),l(void 0),c(void 0),v(void 0),S(void 0),B("email")},[B]);return{step:s,email:u,setEmail:Ye,code:r,setCode:Sn,needsEmail:f,busy:w,isBusy:w!=null||C,done:C,notice:k,dead:x,secondsLeft:Se,announcement:j,emailRef:V,codeRef:F,sendCode:()=>Q("send"),resend:()=>Q("resend"),submitCode:he,changeEmail:hn,haveCode:kn}}import{jsx as mt}from"react/jsx-runtime";function kr(e){return e.replace(/[\s-]/g,"")}function Nr(e){e!=null&&(e.style.boxSizing="border-box",e.style.padding="0")}function fn({id:e,name:t,value:n,onChange:s,onComplete:a,disabled:u,invalid:o,inputRef:r,autoFocus:g,slotClassName:m,slotStyle:l,className:y,...c}){let f=hr(x=>{Nr(x),typeof r=="function"?r(x):r!=null&&(r.current=x)},[r]),b={className:i("h-11 w-auto min-w-0 flex-1 rounded-md border first:rounded-md last:rounded-md text-base","dark:border-foreground/30 dark:data-[active=true]:border-foreground/70 dark:data-[active=true]:ring-foreground/25","dark:aria-invalid:border-destructive-foreground dark:data-[active=true]:aria-invalid:border-destructive-foreground dark:aria-invalid:ring-destructive-foreground/30 dark:data-[active=true]:aria-invalid:ring-destructive-foreground/30",m),style:l,"aria-invalid":o?!0:void 0};return mt(un,{ref:f,id:e,name:t,maxLength:de,value:n,onChange:s,onComplete:a,disabled:u,autoFocus:g,inputMode:"numeric",autoComplete:"one-time-code",pattern:Sr,pasteTransformer:kr,"aria-invalid":o?!0:void 0,"aria-label":c["aria-label"],"aria-describedby":c["aria-describedby"],containerClassName:i("w-full",y),children:mt(ln,{className:"w-full gap-1.5 sm:gap-2",children:Array.from({length:de},(x,v)=>mt(dn,{index:v,...b},v))})})}import{jsx as $,jsxs as Qe}from"react/jsx-runtime";var ce="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",W="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",xe="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",gn=i(xe,"data-[active=true]:border-[color:var(--bitsnap-returns-focus-ring,#71717a)] data-[active=true]:ring-[color:var(--bitsnap-returns-focus-ring,#71717a)]/50");function te({title:e,description:t,onBack:n,lead:s,className:a,children:u}){let o=z(),r=d("header"),g=d("title"),m=d("description"),l=d("backButton");return Qe("section",{className:i("flex flex-col gap-5",a),children:[s,Qe("div",{"data-bitsnap-returns-slot":"header",className:i("flex flex-col gap-2",r.className),style:r.style,children:[n!=null&&$(P,{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)]",l.className),style:l.style,onClick:n,children:o("back")}),$("h2",{"data-bitsnap-returns-slot":"title",className:i("text-2xl font-semibold",g.className),style:g.style,children:e}),t!=null&&$("p",{"data-bitsnap-returns-slot":"description",className:i("text-sm",m.className),style:m.style,children:t})]}),u]})}function H({errorKey:e,onRetry:t}){let n=z(),s=d("error"),a=d("secondaryButton");return Qe("div",{role:"alert","data-bitsnap-returns-slot":"error",className:i("flex flex-col items-start gap-2 text-sm",s.className),style:s.style,children:[$("p",{children:n(e)}),t!=null&&$(P,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(W,a.className),style:a.style,onClick:t,children:n("errorRetry")})]})}function We({children:e}){let t=d("emptyState");return $("p",{"data-bitsnap-returns-slot":"emptyState",className:i("py-6 text-center text-sm",t.className),style:t.style,children:e})}function le({rows:e=3}){let t=z(),n=d("skeleton");return $("div",{role:"status","aria-busy":"true","aria-label":t("loading"),className:"flex flex-col gap-3",children:Array.from({length:e},(s,a)=>$(Et,{"data-bitsnap-returns-slot":"skeleton",className:i("h-16 w-full bg-[var(--bitsnap-returns-hover-surface,#f4f4f5)]",n.className),style:n.style},a))})}function ve({status:e}){let t=z(),n=d("statusBadge");return $("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",n.className),style:n.style,children:t(Kt(e))})}function ft(){let e=z();return t=>e(jt(t))}function He({page:e,total:t,hasNext:n,hasPrevious:s,isFetching:a,onNext:u,onPrevious:o}){let r=z(),g=d("pagination"),m=d("secondaryButton");return!n&&!s?null:Qe("nav",{"data-bitsnap-returns-slot":"pagination",className:i("flex items-center justify-between gap-3 text-sm",g.className),style:g.style,children:[$(P,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(W,m.className),style:m.style,disabled:!s||a,onClick:o,children:r("paginationPrevious")}),$("span",{"aria-live":"polite",children:r("paginationInfo",{page:e,total:t})}),$(P,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(W,m.className),style:m.style,disabled:!n||a,onClick:u,children:r("paginationNext")})]})}import{jsx as K,jsxs as ne}from"react/jsx-runtime";function Fo({onSubmitted:e,className:t,...n}){let s=D("ReturnsEmailStep"),a=z(),u=Z(),o=Fe(),[r,g]=we(s.lastEmail??""),m=d("emailForm"),l=d("emailInput"),y=d("submitButton");async function c(f){f.preventDefault(),!o.isStarting&&await o.start(r)&&e?.(r.trim())}return K(te,{className:t,lead:K(ct,{projectId:s.projectID,locale:u,...n}),title:a("emailStepTitle"),description:a("emailStepDescription"),children:ne("form",{"data-bitsnap-returns-slot":"emailForm",className:i("flex flex-col gap-4",m.className),style:m.style,onSubmit:c,children:[ne("div",{className:"flex flex-col gap-2",children:[K(Te,{htmlFor:"bitsnap-returns-email",children:a("emailLabel")}),K(Tt,{id:"bitsnap-returns-email",type:"email",name:"email",autoComplete:"email",inputMode:"email",autoCapitalize:"none",spellCheck:!1,autoFocus:!0,required:!0,value:r,placeholder:a("emailPlaceholder"),disabled:o.isStarting,"data-bitsnap-returns-slot":"emailInput",className:i(xe,l.className),style:l.style,onChange:f=>g(f.target.value)})]}),o.errorKey!=null&&K(H,{errorKey:o.errorKey}),ne(P,{type:"submit",disabled:o.isStarting,"data-bitsnap-returns-slot":"submitButton",className:i(ce,y.className),style:y.style,children:[o.isStarting&&K(be,{}),a("emailSubmit")]})]})})}function Ko({onVerified:e,onBack:t,className:n,...s}){let a=D("ReturnsCodeStep"),u=z(),o=Z(),r=Fe(),[g,m]=we(""),[l,y]=we(!1),[c,f]=we(!1),[b,x]=we(1),v=yn(null),k=yn(!1),S=qe(r.challenge?.resendAvailableAt),w=d("codeForm"),h=d("codeInput"),C=d("submitButton"),U=d("resendButton"),j=r.isVerifying||r.isStarting,J="bitsnap-returns-code",N=`${J}-hint`;Tr(()=>{j||v.current?.focus()},[b,j]);async function Y(F){if(!(j||k.current)){if(F.length!==de){y(!0),x(re=>re+1);return}k.current=!0,y(!1),f(!1);try{await r.verify(F)?e?.():(m(""),x(re=>re+1))}finally{k.current=!1}}}async function A(F){F.preventDefault(),await Y(g)}async function _(){y(!1),f(!1),await r.resend()&&(m(""),f(!0)),x(F=>F+1)}function V(){a.setChallenge(void 0),t?.()}return K(te,{className:n,onBack:t!=null?V:void 0,lead:K(ct,{projectId:a.projectID,locale:o,...s}),title:u("codeStepTitle"),description:u("codeStepDescription",{email:r.challenge?.email??""}),children:ne("form",{"data-bitsnap-returns-slot":"codeForm",className:i("flex flex-col gap-4",w.className),style:w.style,noValidate:!0,onSubmit:A,children:[ne("div",{className:"flex flex-col gap-2",children:[K(Te,{htmlFor:J,children:u("codeLabel")}),K(fn,{id:J,name:"code",inputRef:v,value:g,disabled:j,invalid:r.errorKey!=null||l,"aria-describedby":N,slotClassName:i(gn,h.className),slotStyle:h.style,onChange:F=>{m(F.replace(/\D/g,"")),y(!1)},onComplete:F=>void Y(F)}),ne("p",{id:N,className:"text-xs",children:[u("codeValidity")," ",u("codeSpamHint")]})]}),ne("div",{className:"min-h-10",children:[l&&K("p",{role:"alert",className:"text-sm",children:u("codeIncomplete")}),!l&&r.errorKey!=null&&K(H,{errorKey:r.errorKey}),!l&&r.errorKey==null&&c&&K("p",{role:"status",className:"text-sm",children:u("resendSent")})]}),ne("div",{className:"flex flex-wrap items-center gap-3",children:[ne(P,{type:"submit",disabled:j||r.challenge==null,"data-bitsnap-returns-slot":"submitButton",className:i("h-11",ce,C.className),style:C.style,children:[r.isVerifying&&K(be,{"aria-hidden":!0}),u("codeSubmit")]}),ne(P,{type:"button",variant:"secondary",disabled:j||S>0||r.challenge==null,"data-bitsnap-returns-slot":"resendButton",className:i("h-11",W,U.className),style:U.style,onClick:()=>void _(),children:[r.isStarting&&K(be,{"aria-hidden":!0}),S>0?u("resendIn",{seconds:S}):u("resend")]})]})]})})}function bn(){let e=z(),t=Fe(),n=d("logoutButton");return K(P,{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)]",n.className),style:n.style,onClick:t.logout,children:e("logout")})}import{useEffect as Er,useState as yt}from"react";import{timestampDate as wr}from"@bufbuild/protobuf/wkt";function pe(e,t){if(e==null)return"";let n=wr(e);try{return new Intl.DateTimeFormat(t,{dateStyle:"medium"}).format(n)}catch{return n.toISOString().slice(0,10)}}function Rn(e,t){return Number.isFinite(e)?Math.min(Math.max(0,Math.trunc(e)),Math.max(0,t)):0}function gt(e){return e.eligible&&e.availableQuantity>0}function xn(e,t){return e.map(n=>({lineId:n,quantity:t[n]??0})).filter(n=>n.quantity>0)}import{Fragment as vn,jsx as p,jsxs as E}from"react/jsx-runtime";function ia({onSelectOrder:e,onOpenMyReturns:t,showLogout:n=!0,pageSize:s,className:a}){D("ReturnsOrderList");let u=z(),o=Z(),r=tn({pageSize:s}),g=d("orderList"),m=d("orderCard"),l=d("orderReference"),y=d("orderDate"),c=d("orderTotal"),f=d("secondaryButton");return E(te,{className:a,title:u("ordersTitle"),description:u("ordersDescription"),children:[(n||t!=null)&&E("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[t!=null?p(P,{type:"button",variant:"secondary",size:"sm","data-bitsnap-returns-slot":"secondaryButton",className:i(W,f.className),style:f.style,onClick:t,children:u("myReturnsLink")}):p("span",{}),n&&p(bn,{})]}),r.isLoading?p(le,{}):r.errorKey!=null?p(H,{errorKey:r.errorKey,onRetry:r.refetch}):r.orders.length===0?p(We,{children:u("ordersEmpty")}):E(vn,{children:[p("ul",{"data-bitsnap-returns-slot":"orderList",className:i("flex flex-col gap-3",g.className),style:g.style,children:r.orders.map(b=>E("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:[E("div",{className:"flex flex-col gap-1",children:[p("span",{"data-bitsnap-returns-slot":"orderReference",className:i("font-medium",l.className),style:l.style,children:u("orderTitle",{reference:b.displayReference})}),p("span",{"data-bitsnap-returns-slot":"orderDate",className:i("text-sm",y.className),style:y.style,children:pe(b.purchasedAt,o)}),p("span",{className:"text-sm",children:u("orderReturnableLines",{count:b.returnableLineCount})})]}),E("div",{className:"flex items-center gap-4",children:[p("span",{"data-bitsnap-returns-slot":"orderTotal",className:i("font-medium",c.className),style:c.style,children:me(b.totalMinor,b.currency,o)}),p(P,{type:"button",variant:"secondary",size:"sm","aria-label":`${u("orderSelect")}: ${u("orderTitle",{reference:b.displayReference})}`,"data-bitsnap-returns-slot":"secondaryButton",className:i(W,f.className),style:f.style,onClick:()=>e?.(b.canonicalOrderId),children:u("orderSelect")})]})]},b.canonicalOrderId))}),p(He,{page:r.page,total:r.total,hasNext:r.hasNext,hasPrevious:r.hasPrevious,isFetching:r.isFetching,onNext:r.next,onPrevious:r.previous})]})]})}function ua({orderId:e,onContinue:t,onBack:n,initialItems:s,initialNote:a,className:u}){D("ReturnsOrderDetail");let o=Ee();Er(()=>{o.track("return_started",{},{order_ref:null})},[o]);let r=z(),g=Z(),{order:m,returnHistory:l,isLoading:y,errorKey:c,refetch:f}=ut(e),[b,x]=yt(()=>Object.fromEntries((s??[]).map(R=>[R.lineId,R.quantity]))),[v,k]=yt(a??""),[S,w]=yt(!1),h=d("lineList"),C=d("line"),U=d("lineName"),j=d("linePrice"),J=d("lineQuantityControl"),N=d("quantityButton"),Y=d("quantityInput"),A=d("lineIneligibleReason"),_=d("noteInput"),V=d("submitButton"),F=d("history"),re=d("historyEntry");function Se(R,X){w(!1),x(Q=>({...Q,[R.lineId]:Rn(X,R.availableQuantity)}))}function B(R){if(R.preventDefault(),m==null)return;let X=xn(m.lines.filter(gt).map(Q=>Q.lineId),b);if(X.length===0){w(!0);return}t?.({items:X,note:v.trim()})}return p(te,{className:u,onBack:n,title:r("orderDetailTitle",{reference:m?.displayReference??""}),description:r("orderDetailDescription"),children:y?p(le,{}):c!=null?p(H,{errorKey:c,onRetry:f}):m==null?null:E("form",{className:"flex flex-col gap-5",onSubmit:B,children:[p("ul",{"data-bitsnap-returns-slot":"lineList",className:i("flex flex-col gap-3",h.className),style:h.style,children:m.lines.map(R=>{let X=gt(R),Q=b[R.lineId]??0,he=`bitsnap-returns-quantity-${R.lineId}`;return E("li",{"data-bitsnap-returns-slot":"line","data-selected":Q>0?"":void 0,"data-ineligible":X?void 0:"",className:i("flex flex-col gap-3 border p-4",C.className),style:C.style,children:[E("div",{className:"flex flex-wrap items-baseline justify-between gap-2",children:[p("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",U.className),style:U.style,children:R.name}),p("span",{"data-bitsnap-returns-slot":"linePrice",className:i("text-sm",j.className),style:j.style,children:me(R.paidUnitMinor,R.currency,g)})]}),X?E("div",{role:"group","aria-label":r("quantityLabel",{name:R.name}),"data-bitsnap-returns-slot":"lineQuantityControl",className:i("flex items-center gap-2",J.className),style:J.style,children:[p(P,{type:"button",variant:"secondary",size:"icon-sm","aria-label":r("quantityDecrease",{name:R.name}),"aria-controls":he,disabled:Q<=0,"data-bitsnap-returns-slot":"quantityButton",className:i(W,N.className),style:N.style,onClick:()=>Se(R,Q-1),children:p("span",{"aria-hidden":"true",children:"-"})}),p("input",{id:he,type:"number",inputMode:"numeric",min:0,max:R.availableQuantity,step:1,value:Q,"aria-label":r("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]",xe,Y.className),style:Y.style,onChange:Ye=>Se(R,Ye.target.valueAsNumber)}),p(P,{type:"button",variant:"secondary",size:"icon-sm","aria-label":r("quantityIncrease",{name:R.name}),"aria-controls":he,disabled:Q>=R.availableQuantity,"data-bitsnap-returns-slot":"quantityButton",className:i(W,N.className),style:N.style,onClick:()=>Se(R,Q+1),children:p("span",{"aria-hidden":"true",children:"+"})}),p("span",{className:"text-sm",children:r("quantityOfAvailable",{available:R.availableQuantity})})]}):p("p",{"data-bitsnap-returns-slot":"lineIneligibleReason",className:i("text-sm",A.className),style:A.style,children:R.exclusionReason!==""?R.exclusionReason:r("lineIneligibleFallback")})]},R.lineId)})}),E("div",{className:"flex flex-col gap-2",children:[p(Te,{htmlFor:"bitsnap-returns-note",children:r("noteLabel")}),p(Ct,{id:"bitsnap-returns-note",name:"note",rows:3,maxLength:1e3,value:v,placeholder:r("notePlaceholder"),"data-bitsnap-returns-slot":"noteInput",className:i(xe,"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)]",_.className),style:_.style,onChange:R=>k(R.target.value)})]}),S&&p(H,{errorKey:"selectionEmpty"}),p(P,{type:"submit","data-bitsnap-returns-slot":"submitButton",className:i(ce,V.className),style:V.style,children:r("selectionContinue")}),l.length>0&&E("div",{className:"flex flex-col gap-2",children:[p("h3",{className:"text-sm font-medium",children:r("previousReturnsTitle")}),p("ul",{"data-bitsnap-returns-slot":"history",className:i("flex flex-col gap-2",F.className),style:F.style,children:l.map(R=>E("li",{"data-bitsnap-returns-slot":"historyEntry",className:i("flex flex-wrap items-center justify-between gap-2 text-sm",re.className),style:re.style,children:[p("span",{children:R.reference}),p("span",{children:pe(R.createdAt,g)}),p(ve,{status:R.status})]},R.id))})]})]})})}function la({orderId:e,items:t,note:n,onSubmitted:s,onBack:a,className:u}){D("ReturnsConfirmation");let o=z(),r=Z(),{order:g,isLoading:m,errorKey:l,refetch:y}=ut(e),c=nn(),f=d("summary"),b=d("line"),x=d("lineName"),v=d("linePrice"),k=d("submitButton");async function S(w){if(w.preventDefault(),c.isPending)return;let h=await c.submit({orderId:e,items:t.map(C=>({lineId:C.lineId,quantity:C.quantity})),note:n});h!=null&&s?.(h.id,h)}return p(te,{className:u,onBack:a,title:o("confirmationTitle"),description:o("confirmationDescription"),children:m?p(le,{rows:2}):l!=null?p(H,{errorKey:l,onRetry:y}):E("form",{className:"flex flex-col gap-5",onSubmit:S,children:[E("div",{"data-bitsnap-returns-slot":"summary",className:i("flex flex-col gap-3 border p-4",f.className),style:f.style,children:[p("h3",{className:"text-sm font-medium",children:o("confirmationSummary")}),p("ul",{className:"flex flex-col gap-3",children:t.map(w=>{let h=g?.lines.find(C=>C.lineId===w.lineId);return E("li",{"data-bitsnap-returns-slot":"line",className:i("flex flex-wrap items-baseline justify-between gap-2",b.className),style:b.style,children:[p("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",x.className),style:x.style,children:h?.name??w.lineId}),E("span",{"data-bitsnap-returns-slot":"linePrice",className:i("text-sm",v.className),style:v.style,children:[o("confirmationQuantity",{quantity:w.quantity}),h!=null&&` \xB7 ${me(h.paidUnitMinor*BigInt(w.quantity),h.currency,r)}`]})]},w.lineId)})}),n!=null&&n!==""&&E("div",{className:"flex flex-col gap-1 text-sm",children:[p("span",{className:"font-medium",children:o("confirmationNote")}),p("span",{className:"whitespace-pre-wrap",children:n})]})]}),c.errorKey!=null&&p(H,{errorKey:c.errorKey}),E(P,{type:"submit",disabled:c.isPending||t.length===0,"data-bitsnap-returns-slot":"submitButton",className:i(ce,k.className),style:k.style,children:[c.isPending&&p(be,{}),o("confirmationSubmit")]})]})})}function da({returnId:e,onContinue:t,onOpenMyReturns:n,className:s}){D("ReturnsResult");let a=z(),{request:u,isLoading:o,errorKey:r,refetch:g}=je(e),m=d("successState"),l=d("returnReference"),y=d("returnInstructions"),c=d("submitButton"),f=d("secondaryButton");return E("section",{className:i("flex flex-col gap-5",s),children:[E("div",{role:"status","data-bitsnap-returns-slot":"successState",className:i("flex flex-col gap-4 border p-5",m.className),style:m.style,children:[p("h2",{className:"text-2xl font-semibold",children:a("successTitle")}),p("p",{className:"text-sm",children:a("successDescription")}),o?p(le,{rows:2}):r!=null?p(H,{errorKey:r,onRetry:g}):u!=null&&E(vn,{children:[E("div",{className:"flex flex-col gap-1",children:[p("span",{className:"text-sm",children:a("successReference")}),p("span",{"data-bitsnap-returns-slot":"returnReference",className:i("text-lg font-semibold",l.className),style:l.style,children:u.reference})]}),u.returnInstructions!==""&&E("div",{className:"flex flex-col gap-1",children:[p("span",{className:"text-sm font-medium",children:a("successInstructions")}),p("p",{"data-bitsnap-returns-slot":"returnInstructions",className:i("whitespace-pre-wrap border p-3 text-sm",y.className),style:y.style,children:u.returnInstructions})]})]})]}),E("div",{className:"flex flex-wrap gap-3",children:[p(P,{type:"button","data-bitsnap-returns-slot":"submitButton",className:i(ce,c.className),style:c.style,onClick:t,children:a("successDone")}),n!=null&&p(P,{type:"button",variant:"secondary","data-bitsnap-returns-slot":"secondaryButton",className:i(W,f.className),style:f.style,onClick:n,children:a("myReturnsLink")})]})]})}import{Fragment as Cr,jsx as I,jsxs as q}from"react/jsx-runtime";function ha({onSelectReturn:e,onBack:t,pageSize:n,className:s}){D("ReturnsMyReturnsList");let a=z(),u=Z(),o=ft(),r=rn({pageSize:n}),g=d("returnList"),m=d("returnCard"),l=d("returnReference"),y=d("secondaryButton");return I(te,{className:s,onBack:t,title:a("myReturnsTitle"),description:a("myReturnsDescription"),children:r.isLoading?I(le,{}):r.errorKey!=null?I(H,{errorKey:r.errorKey,onRetry:r.refetch}):r.returns.length===0?I(We,{children:a("myReturnsEmpty")}):q(Cr,{children:[I("ul",{"data-bitsnap-returns-slot":"returnList",className:i("flex flex-col gap-3",g.className),style:g.style,children:r.returns.map(c=>q("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:[q("div",{className:"flex flex-col gap-1",children:[I("span",{"data-bitsnap-returns-slot":"returnReference",className:i("font-medium",l.className),style:l.style,children:c.reference}),I("span",{className:"text-sm",children:pe(c.createdAt,u)}),q("span",{className:"text-sm",children:[a("myReturnRefund"),": ",o(c.refundStatus)]})]}),q("div",{className:"flex items-center gap-3",children:[I(ve,{status:c.status}),I(P,{type:"button",variant:"secondary",size:"sm","aria-label":`${a("myReturnOpen")}: ${c.reference}`,"data-bitsnap-returns-slot":"secondaryButton",className:i(W,y.className),style:y.style,onClick:()=>e?.(c.id),children:a("myReturnOpen")})]})]},c.id))}),I(He,{page:r.page,total:r.total,hasNext:r.hasNext,hasPrevious:r.hasPrevious,isFetching:r.isFetching,onNext:r.next,onPrevious:r.previous})]})})}function ka({returnId:e,onBack:t,className:n}){D("ReturnsMyReturnDetail");let s=z(),a=Z(),u=ft(),{request:o,isLoading:r,errorKey:g,refetch:m}=je(e),l=d("summary"),y=d("lineList"),c=d("line"),f=d("lineName"),b=d("returnInstructions"),x=d("history"),v=d("historyEntry");return I(te,{className:n,onBack:t,title:o!=null?s("myReturnTitle",{reference:o.reference}):s("myReturnDetailTitle"),children:r?I(le,{}):g!=null?I(H,{errorKey:g,onRetry:m}):o!=null&&q("div",{className:"flex flex-col gap-5",children:[q("div",{"data-bitsnap-returns-slot":"summary",className:i("flex flex-col gap-2 border p-4 text-sm",l.className),style:l.style,children:[q("div",{className:"flex items-center justify-between gap-2",children:[I(ve,{status:o.status}),q("span",{children:[s("myReturnCreatedAt"),":"," ",pe(o.createdAt,a)]})]}),q("span",{children:[s("myReturnRefund"),": ",u(o.refundStatus),o.refundAmountMinor>BigInt(0)&&` \xB7 ${me(o.refundAmountMinor,o.currency,a)}`]}),o.customerNote!==""&&q("span",{className:"whitespace-pre-wrap",children:[s("myReturnNote"),": ",o.customerNote]})]}),o.returnInstructions!==""&&I("p",{"data-bitsnap-returns-slot":"returnInstructions",className:i("whitespace-pre-wrap border p-3 text-sm",b.className),style:b.style,children:o.returnInstructions}),q("div",{className:"flex flex-col gap-2",children:[I("h3",{className:"text-sm font-medium",children:s("myReturnLines")}),I("ul",{"data-bitsnap-returns-slot":"lineList",className:i("flex flex-col gap-3",y.className),style:y.style,children:o.lines.map(k=>q("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:[I("span",{"data-bitsnap-returns-slot":"lineName",className:i("font-medium",f.className),style:f.style,children:k.name}),I("span",{className:"text-sm",children:s("myReturnLineQuantities",{requested:k.requestedQuantity,approved:k.approvedQuantity,received:k.receivedQuantity})})]},k.lineId))})]}),o.history.length>0&&q("div",{className:"flex flex-col gap-2",children:[I("h3",{className:"text-sm font-medium",children:s("myReturnHistory")}),I("ul",{"data-bitsnap-returns-slot":"history",className:i("flex flex-col gap-2",x.className),style:x.style,children:o.history.map(k=>q("li",{"data-bitsnap-returns-slot":"historyEntry",className:i("flex flex-wrap items-center justify-between gap-2 text-sm",v.className),style:v.style,children:[I(ve,{status:k.status}),I("span",{children:pe(k.createdAt,a)})]},k.id))})]})]})})}export{Zt as a,cr as b,ct as c,Te as d,be as e,Ut as f,Rr as g,Js as h,pt as i,oo as j,fn as k,Lr as l,Ot as m,$e as n,d as o,ot as p,Xt as q,z as r,Z as s,D as t,$n as u,us as v,Fe as w,tn as x,ut as y,nn as z,rn as A,je as B,le as C,Fo as D,Ko as E,ia as F,ua as G,la as H,da as I,ha as J,ka as K};
+//# sourceMappingURL=chunk-TVZLDLAV.mjs.map