bitsnap-react 1.9.0 → 1.10.0

package/dist/chunk-DPKT6ITB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/visitor-cookie/dist/chunk-DPKT6ITB.js","../src/panel/components/PanelLogin.tsx","../src/ui/card.tsx","../src/ui/input-otp.tsx","../src/panel/LoadingIndicator.tsx","../src/panel/return-url.ts","../src/lib/render.text.tsx","../src/panel/audio-player/AudioPlayer.tsx"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","InputOTP","containerClassName","OTPInput","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","MinusIcon","LoadingIndicator","LoadingIndicator_default","RETURN_URL_PARAM","RETURN_URL_STORAGE_KEY","ACCESS_TOKEN_PARAM","getReturnURLFromSearch","search","raw","validateReturnURL","persistReturnURL","returnURL","readPersistedReturnURL","stored","isOriginAllowed","origin","allowedOrigins","allowed","allowedHost","originHost"],"mappings":"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","file":"/home/emems/.t3/worktrees/bitsnap-react/visitor-cookie/dist/chunk-DPKT6ITB.js","sourcesContent":[null,"import { useAutoAnimate } from \"@formkit/auto-animate/react\";\nimport {\n  useEffect,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FormEvent,\n} from \"react\";\nimport {\n  InstrumentProvider,\n  useInstrument,\n  useInstrumentContext,\n  type AnalyticsOption,\n} from \"../../analytics/instrument\";\nimport { cn } from \"../../lib/utils\";\nimport { rpcProvider, useMutation } from \"../../rpc-provider\";\nimport { Button } from \"../../ui/button\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"../../ui/card\";\nimport { Input } from \"../../ui/input\";\nimport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSeparator,\n  InputOTPSlot,\n} from \"../../ui/input-otp\";\nimport { REGEXP_ONLY_DIGITS } from \"input-otp\";\nimport { Label } from \"../../ui/label\";\nimport LoadingIndicator from \"../LoadingIndicator\";\nimport {\n  getAllowedReturnOrigins,\n  setAllowedReturnOrigins,\n} from \"../config\";\nimport { usePanelConfig } from \"../PanelProvider\";\nimport {\n  buildAccessTokenRedirect,\n  getReturnURLFromSearch,\n  persistReturnURL,\n  readPersistedReturnURL,\n} from \"../return-url\";\nimport { getPanelSession, savePanelSession } from \"../session-storage\";\n\ntype LoginResponseStatus = \"success\" | \"error\" | \"default\";\n\nif (typeof window !== \"undefined\") {\n  const currentOrigin = window.location.origin;\n  const knownSiblings = [\n    currentOrigin,\n    \"https://bitsnap.pl\",\n    \"https://kursy.bitsnap.pl\",\n  ];\n  if (getAllowedReturnOrigins().length === 0) {\n    setAllowedReturnOrigins(Array.from(new Set(knownSiblings)));\n  }\n}\n\ninterface LoginUserPanelProps {\n  projectID?: string;\n  host?: string;\n  reveal: () => void;\n  email: string;\n  setEmail: (input: string) => void;\n  loginUser: () => void;\n  isLoginLoading: boolean;\n  errMsg: string;\n}\n\ninterface VerifyCodePanelProps {\n  projectID?: string;\n  host?: string;\n  email: string;\n  reveal: () => void;\n  setEmail: (input: string) => void;\n  loginUser: () => void;\n  isLoginLoading: boolean;\n  loginUserResponse: {\n    status: \"error\" | \"ok\";\n    retryIn: number;\n    message?: string | undefined;\n  } | null;\n  setLoginUserResponse: (\n    response: {\n      status: \"error\" | \"ok\";\n      retryIn: number;\n      message?: string | undefined;\n    } | null,\n  ) => void;\n  responseStatus: LoginResponseStatus;\n  setResponseStatus: (status: LoginResponseStatus) => void;\n  errMsg: string;\n}\n\nconst LoginUserPanel = ({\n  projectID,\n  host,\n  reveal,\n  email,\n  setEmail,\n  loginUser,\n  isLoginLoading,\n  errMsg,\n}: LoginUserPanelProps) => {\n  const { projectID: configuredProjectID, host: configuredHost } = usePanelConfig();\n  if (\n    typeof window !== \"undefined\" &&\n    getPanelSession(projectID ?? configuredProjectID, host ?? configuredHost) != null\n  ) {\n    // @ts-ignore\n    window.location.href = window.location.href.replaceAll(\"login\", \"\");\n    return null;\n  }\n\n  const [isValidEmail, setIsValidEmail] = useState<boolean>(false);\n\n  const emailValidation = (input: string) => {\n    const emailPattern =\n      /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\n    if (emailPattern.test(input.trim())) {\n      return setIsValidEmail(true);\n    }\n\n    return setIsValidEmail(false);\n  };\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const { value } = e.target;\n    emailValidation(value);\n    setEmail(value);\n  };\n\n  function goToVerifyCode() {\n    reveal();\n  }\n\n  function onSubmit(e: FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    void loginUser();\n  }\n\n  return (\n    <main className=\"mx-auto flex max-w-sm flex-1 flex-col justify-center space-y-12\">\n      <div className={cn(\"flex min-w-sm flex-col gap-6\")}>\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-2xl\">Zaloguj się</CardTitle>\n            <CardDescription>\n              Wyślemy do Ciebie kod na maila, dzięki któremu się zalogujesz.\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <form onSubmit={onSubmit}>\n              <div className=\"flex flex-col gap-6\">\n                <div className=\"grid gap-2\">\n                  <Label htmlFor=\"email\">Email</Label>\n                  <Input\n                    id=\"email\"\n                    onChange={handleInputChange}\n                    type=\"email\"\n                    placeholder=\"m@example.com\"\n                    required\n                  />\n                  <span\n                    className={cn(\n                      !isValidEmail && email.length > 0\n                        ? \"font-bold text-red-500\"\n                        : \"text-neutral-700 dark:text-neutral-400\",\n                      \"text-xs\",\n                    )}\n                  >\n                    {!isValidEmail && email.length > 0\n                      ? \"Nieprawidłowy adres email\"\n                      : \"Wpisz swój adres email\"}\n                  </span>\n                </div>\n\n                <div>\n                  <Button\n                    type=\"submit\"\n                    disabled={isLoginLoading}\n                    className=\"relative w-full\"\n                    onClick={loginUser}\n                  >\n                    {isLoginLoading && (\n                      <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\">\n                        <LoadingIndicator />\n                      </div>\n                    )}\n                    Zaloguj się\n                  </Button>\n                  {errMsg.length > 0 && (\n                    <p className=\"text-xs font-medium text-red-500\">{errMsg}</p>\n                  )}\n                </div>\n              </div>\n              <div className=\"mt-4 text-center text-sm\">\n                Masz już kod?{\" \"}\n                <button\n                  type=\"button\"\n                  onClick={goToVerifyCode}\n                  className=\"underline underline-offset-4\"\n                >\n                  Mam już kod\n                </button>\n              </div>\n            </form>\n          </CardContent>\n        </Card>\n      </div>\n    </main>\n  );\n};\n\nconst VerifyCodePanel = ({\n  projectID,\n  host,\n  email,\n  reveal,\n  setEmail,\n  isLoginLoading,\n  loginUserResponse,\n  setLoginUserResponse,\n  setResponseStatus,\n  errMsg,\n}: VerifyCodePanelProps) => {\n  const instrument = useInstrumentContext();\n  const { mutateAsync: verifyCodeAsync, isPending: isVerifyLoading } =\n    useMutation(rpcProvider.publicApi.userPanelLoginWithCode);\n\n  const [code, setCode] = useState<string>(\"\");\n  const [isValidCode, setIsValidCode] = useState<boolean>(false);\n  const [isSubmitted, setIsSubmitted] = useState<boolean>(false);\n  const [retryIn, setRetryIn] = useState(0);\n\n  const codeValidation = (input: string) => {\n    const codePattern = /^\\d+$/;\n\n    if (codePattern.test(input.trim())) {\n      return setIsValidCode(true);\n    }\n\n    return setIsValidCode(false);\n  };\n\n  const handleInputChange = (value: string) => {\n    codeValidation(value);\n    setCode(value);\n  };\n\n  async function login() {\n    setIsSubmitted(true);\n    if (code.length == 0) {\n      setIsValidCode(false);\n      return;\n    }\n    const codeValue = parseInt(code);\n\n    const verifyCodeResult = await verifyCodeAsync({\n      code: codeValue,\n    });\n\n    let status, message, accessToken;\n\n    if (verifyCodeResult.result.case === \"accessToken\") {\n      setIsValidCode(true);\n      status = \"ok\";\n      message = undefined;\n      accessToken = verifyCodeResult.result.value;\n    } else {\n      setIsValidCode(false);\n      status = \"error\";\n      message = verifyCodeResult.result.value;\n      accessToken = undefined;\n    }\n\n    if (status === \"error\") {\n      setIsValidCode(false);\n      console.warn(\"error:\", `Kod błędu: ${message}`);\n      console.warn(\"Nieprawidłowy kod, spróbuj ponownie.\");\n    }\n\n    if (status === \"ok\") {\n      instrument.track(\"panel_login\", {});\n      if (accessToken) {\n        savePanelSession(projectID, accessToken, email, host);\n      }\n      const returnURL = typeof window !== \"undefined\"\n        ? readPersistedReturnURL()\n        : null;\n      setTimeout(() => {\n        if (accessToken && returnURL) {\n          window.location.href = buildAccessTokenRedirect(returnURL, accessToken);\n          return;\n        }\n        window.location.reload();\n      }, 100);\n    }\n  }\n\n  function handleRetryInTime() {\n    const intervalId = setInterval(() => {\n      setRetryIn((prevRetryIn) => {\n        if (prevRetryIn > 0) {\n          return prevRetryIn - 1;\n        } else {\n          clearInterval(intervalId);\n          return 0;\n        }\n      });\n    }, 1000);\n\n    return () => {\n      clearInterval(intervalId);\n    };\n  }\n\n  useEffect(() => {\n    if (loginUserResponse?.status === \"ok\" && loginUserResponse?.retryIn > 0) {\n      setRetryIn(loginUserResponse.retryIn);\n      handleRetryInTime();\n    }\n  }, [loginUserResponse]);\n\n  function backToLoginComponent() {\n    setEmail(\"\");\n    setLoginUserResponse(null);\n    setResponseStatus(\"default\");\n    reveal();\n  }\n\n  function onCodeSubmit(e: FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    void login();\n  }\n\n  return (\n    <main className=\"mx-auto flex max-w-md flex-1 flex-col justify-center space-y-8\">\n      <div className={cn(\"flex min-w-sm flex-col gap-6\")}>\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-2xl\">Wpisz kod z maila</CardTitle>\n            <CardDescription>\n              Sprawdź czy przypadkiem nie wylądował w spamie.\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <form onSubmit={onCodeSubmit} className=\"flex flex-col gap-6\">\n              <div className=\"grid gap-2\">\n                <div className=\"my-5 flex w-full items-center justify-center\">\n                  <div className=\"flex flex-col gap-2\">\n                    <InputOTP\n                      id=\"verify-code\"\n                      maxLength={6}\n                      pattern={REGEXP_ONLY_DIGITS}\n                      onChange={(newValue) => {\n                        handleInputChange(newValue);\n                      }}\n                    >\n                      <InputOTPGroup>\n                        <InputOTPSlot index={0} />\n                        <InputOTPSlot index={1} />\n                        <InputOTPSlot index={2} />\n                      </InputOTPGroup>\n                      <InputOTPSeparator />\n                      <InputOTPGroup>\n                        <InputOTPSlot index={3} />\n                        <InputOTPSlot index={4} />\n                        <InputOTPSlot index={5} />\n                      </InputOTPGroup>\n                    </InputOTP>\n                    <span\n                      className={cn(\n                        !isValidCode && isSubmitted\n                          ? \"text-red-500\"\n                          : \"text-neutral-700 dark:text-neutral-400\",\n                        \"text-xs\",\n                      )}\n                    >\n                      {!isValidCode && isSubmitted\n                        ? code.length == 0\n                          ? \"Kod nie może być pusty\"\n                          : \"Kod musi składać się z cyfr\"\n                        : \"Wpisz kod z maila\"}\n                    </span>\n                  </div>\n                </div>\n              </div>\n\n              <div>\n                <Button\n                  type=\"submit\"\n                  disabled={isLoginLoading || isVerifyLoading}\n                  className=\"relative w-full\"\n                >\n                  {(isLoginLoading || isVerifyLoading) && (\n                    <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\">\n                      <LoadingIndicator />\n                    </div>\n                  )}\n                  Zaloguj się\n                </Button>\n                {errMsg.length > 0 && (\n                  <p className=\"text-xs font-medium text-red-500\">{errMsg}</p>\n                )}\n              </div>\n            </form>\n            <div className=\"mt-4 text-center text-sm\">\n              Nie masz kodu?{\" \"}\n              <button\n                type=\"button\"\n                onClick={backToLoginComponent}\n                className=\"underline underline-offset-4\"\n              >\n                Wróć\n              </button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </main>\n  );\n};\n\nconst PanelLoginComponentWrapper = ({\n  analytics,\n}: {\n  analytics?: AnalyticsOption;\n}) => {\n  const { theme, allowedReturnOrigins, projectID, host } = usePanelConfig();\n  const instrument = useInstrument(projectID, analytics, \"panel\");\n\n  const styles = {\n    \"--button-background-color\": theme?.colors?.brand ?? \"#FFFFFF\",\n    \"--button-background-color-dark\": theme?.colors?.brandDark ?? \"#000000\",\n    \"--button-text-color\": theme?.colors?.brandDark ?? \"#000000\",\n    \"--button-text-color-dark\": theme?.colors?.brand ?? \"#FFFFFF\",\n  } as CSSProperties;\n\n  type Screen = \"login\" | \"verifyCode\";\n\n  const [activeScreen, setActiveScreen] = useState<Screen>(\"login\");\n  const [parent] = useAutoAnimate({\n    duration: 300,\n    easing: \"ease-in-out\",\n    disrespectUserMotionPreference: false,\n  });\n\n  const reveal = () =>\n    setActiveScreen((prevScreen) =>\n      prevScreen === \"login\" ? \"verifyCode\" : \"login\",\n    );\n\n  const [email, setEmail] = useState<string>(\"\");\n  const [responseStatus, setResponseStatus] =\n    useState<LoginResponseStatus>(\"default\");\n  const [loginUserResponse, setLoginUserResponse] = useState<{\n    status: \"error\" | \"ok\";\n    retryIn: number;\n    message?: string | undefined;\n  } | null>(null);\n  const { mutateAsync: loginUserAsync, isPending: isLoginLoading } =\n    useMutation(rpcProvider.publicApi.userPanelLogin);\n\n  const [errMsg, setErrMsg] = useState(\"\");\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    if (window.parent !== window) return;\n\n    const queryReturnURL = getReturnURLFromSearch(window.location.search);\n    if (queryReturnURL) {\n      persistReturnURL(queryReturnURL);\n    }\n\n    const returnURL = queryReturnURL ?? readPersistedReturnURL();\n    if (!returnURL) return;\n\n    const existingToken = getPanelSession(projectID, host);\n    if (!existingToken) return;\n\n    window.location.href = buildAccessTokenRedirect(returnURL, existingToken);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [allowedReturnOrigins, projectID, host]);\n\n  async function loginUser() {\n    setErrMsg(\"\");\n    setResponseStatus(\"default\");\n    const loginUserResult = await loginUserAsync({\n      email: email,\n    });\n\n    const status = loginUserResult.result.case === \"success\" ? \"ok\" : \"error\";\n    let retryIn = 0;\n    let message = undefined;\n\n    if (loginUserResult.result.case === \"success\") {\n      retryIn = loginUserResult.result.value.retryIn;\n    }\n\n    if (status === \"error\") {\n      message = \"Nieprawidłowy adres email, spróbuj ponownie.\";\n    }\n\n    setLoginUserResponse({\n      status: status,\n      retryIn: retryIn,\n      message: message,\n    });\n\n    if (status === \"ok\" && activeScreen === \"login\") {\n      reveal();\n    } else if (status === \"ok\" && activeScreen === \"verifyCode\") {\n      setResponseStatus(\"success\");\n    } else if (status === \"error\") {\n      setErrMsg(message ?? \"Nieprawidłowy adres email, spróbuj ponownie.\");\n    }\n  }\n\n  return (\n    <InstrumentProvider value={instrument}>\n    <div className=\"bg-white text-black dark:bg-black dark:text-white\">\n      <div\n        className=\"font-inter flex h-screen w-screen flex-col p-4\"\n        style={styles}\n        ref={parent}\n      >\n        <header>\n          {theme?.logoDarkURL && (\n            <img\n              src={theme?.logoDarkURL}\n              className=\"hidden dark:inline\"\n              alt=\"Company Logo\"\n              draggable={false}\n            />\n          )}\n          {theme?.logoURL && (\n            <img\n              src={theme?.logoURL}\n              className=\"dark:hidden\"\n              alt=\"Company Logo\"\n              draggable={false}\n            />\n          )}\n        </header>\n        {activeScreen === \"login\" && (\n          <LoginUserPanel\n            projectID={projectID}\n            host={host}\n            reveal={reveal}\n            email={email}\n            setEmail={setEmail}\n            loginUser={loginUser}\n            isLoginLoading={isLoginLoading}\n            errMsg={errMsg}\n          />\n        )}\n        {activeScreen === \"verifyCode\" && (\n          <VerifyCodePanel\n            projectID={projectID}\n            host={host}\n            email={email}\n            reveal={reveal}\n            setEmail={setEmail}\n            loginUser={loginUser}\n            isLoginLoading={isLoginLoading}\n            loginUserResponse={loginUserResponse}\n            setLoginUserResponse={setLoginUserResponse}\n            responseStatus={responseStatus}\n            setResponseStatus={setResponseStatus}\n            errMsg={errMsg}\n          />\n        )}\n      </div>\n    </div>\n    </InstrumentProvider>\n  );\n};\n\nexport const PanelLogin = ({\n  analytics,\n}: { analytics?: AnalyticsOption } = {}) => {\n  return <PanelLoginComponentWrapper analytics={analytics} />;\n};\n","import * as React from \"react\"\n\nimport { cn } from \"@/src/lib/utils\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n","import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport { MinusIcon } from \"lucide-react\"\n\nimport { cn } from \"@/src/lib/utils\"\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"flex items-center gap-2 has-disabled:opacity-50\",\n        containerClassName\n      )}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n","export function LoadingIndicator() {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <div className=\"h-3 w-3 animate-bounce rounded-full bg-current [animation-delay:-0.3s]\" />\n      <div className=\"h-3 w-3 animate-bounce rounded-full bg-current [animation-delay:-0.15s]\" />\n      <div className=\"h-3 w-3 animate-bounce rounded-full bg-current\" />\n    </div>\n  );\n}\n\nexport default LoadingIndicator;\n","import { getAllowedReturnOrigins } from \"./config\";\n\nconst RETURN_URL_PARAM = \"return_url\";\nconst RETURN_URL_STORAGE_KEY = \"__return_url\";\nconst ACCESS_TOKEN_PARAM = \"accessToken\";\n\nexport function getReturnURLFromSearch(search: string): string | null {\n  const raw = new URLSearchParams(search).get(RETURN_URL_PARAM);\n  if (!raw) return null;\n  return validateReturnURL(raw);\n}\n\nexport function persistReturnURL(returnURL: string | null): void {\n  if (typeof window === \"undefined\") return;\n  if (returnURL) {\n    window.sessionStorage.setItem(RETURN_URL_STORAGE_KEY, returnURL);\n  } else {\n    window.sessionStorage.removeItem(RETURN_URL_STORAGE_KEY);\n  }\n}\n\nexport function readPersistedReturnURL(): string | null {\n  if (typeof window === \"undefined\") return null;\n  const stored = window.sessionStorage.getItem(RETURN_URL_STORAGE_KEY);\n  if (!stored) return null;\n  return validateReturnURL(stored);\n}\n\nfunction isOriginAllowed(origin: string, allowedOrigins: string[]): boolean {\n  return allowedOrigins.some((allowed) => {\n    if (origin === allowed) return true;\n    const allowedHost = new URL(allowed).hostname;\n    const originHost = new URL(origin).hostname;\n    return originHost.endsWith(`.${allowedHost}`) || originHost === allowedHost;\n  });\n}\n\nfunction validateReturnURL(raw: string): string | null {\n  try {\n    const u = new URL(raw);\n    if (u.protocol !== \"https:\" && u.protocol !== \"http:\") return null;\n    if (!isOriginAllowed(u.origin, getAllowedReturnOrigins())) return null;\n    return u.toString();\n  } catch {\n    return null;\n  }\n}\n\nexport function buildAccessTokenRedirect(\n  returnURL: string,\n  accessToken: string,\n): string {\n  const u = new URL(returnURL);\n  u.searchParams.set(ACCESS_TOKEN_PARAM, accessToken);\n  return u.toString();\n}\n","const URL_REGEX =\n  /https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)/g;\n\ntype Replacements = {\n  url: string;\n  startIndex: number;\n  endIndex: number;\n  replacementText?: string;\n};\n\nconst findURLIndices = (text: string) => {\n  const matches = [...text.matchAll(URL_REGEX)];\n  return matches.map(\n    (match) =>\n      ({\n        url: match[0],\n        startIndex: match.index,\n        endIndex: match.index + match[0].length - 1,\n      }) as Replacements,\n  );\n};\n\nconst replaceTextByIndices = (\n  originalText: string,\n  replacements: Replacements[],\n) => {\n  let result = \"\";\n  let lastIndex = 0;\n\n  // Sort replacements by startIndex to handle them in order\n  replacements.sort((a, b) => a.startIndex - b.startIndex);\n\n  for (const { startIndex, endIndex, replacementText } of replacements) {\n    // Append text before the current replacement\n    result += originalText.slice(lastIndex, startIndex);\n    // Append the replacement text\n    result += replacementText;\n    // Update lastIndex to after the replaced segment\n    lastIndex = endIndex + 1;\n  }\n\n  // Append any remaining text after the last replacement\n  result += originalText.slice(lastIndex);\n\n  return result;\n};\n\nexport const renderText = (txt: string) => {\n  const urlIndices = findURLIndices(txt);\n\n  return (\n    <p\n      dangerouslySetInnerHTML={{\n        __html: replaceTextByIndices(\n          txt,\n          urlIndices.map((el) => {\n            el[\"replacementText\"] =\n              `<a key=${el.url} href=${el.url} style=\"text-decoration: underline;\" target=\"_blank\">\n        ${el.url}\n        </a>`;\n            return el;\n          }),\n        ),\n      }}\n    ></p>\n  );\n};\n","import Hls from \"hls.js\";\nimport { Pause, Play } from \"lucide-react\";\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\";\nimport { Button } from \"../../ui/button\";\nimport LoadingIndicator from \"../LoadingIndicator\";\nimport {\n  mediaSessionPause,\n  mediaSessionPlay,\n  mediaSessionUpdateDurationAndPosition,\n  startMediaSessionCoordinator,\n  stopMediaSessionCoordinator,\n} from \"./media.session.coordinator\";\n\nimport \"./audio-player.css\";\n\ntype ChapterWithPublicUrl = {\n  id: string;\n  multimediaId?: string;\n  name: string;\n  description?: string;\n  publicUrl: string;\n  downloadableUrl?: string;\n  duration?: number;\n};\n\nexport type AudioPlayerMethods = {\n  selectChapter: (chapter: ChapterWithPublicUrl) => void;\n};\n\ntype AudioPlayerProps = {\n  chapters: ChapterWithPublicUrl[];\n  styles: CSSProperties;\n  updateCurrentTime?: (currentTime: number) => void;\n\n  title?: string;\n  imageURL?: string;\n\n  setCurrentTimeHandler?: (seekTo: (second: number) => void) => void;\n  uniqueProductID: string;\n\n  onChapterChange?: (chapter: ChapterWithPublicUrl) => void;\n};\n\nconst AudioPlayer = forwardRef<AudioPlayerMethods, AudioPlayerProps>(\n  (\n    {\n      chapters,\n      styles,\n      updateCurrentTime,\n      setCurrentTimeHandler,\n      title,\n      imageURL,\n      uniqueProductID,\n      onChapterChange,\n    },\n    ref,\n  ) => {\n    enum PlayState {\n      Playing,\n      Paused,\n    }\n\n    const [playState, setPlayState] = useState<PlayState>(PlayState.Paused);\n\n    useEffect(() => {\n      switch (playState) {\n        case PlayState.Playing:\n          mediaSessionPlay();\n          break;\n        case PlayState.Paused:\n          mediaSessionPause();\n          break;\n      }\n    }, [playState]);\n\n    useImperativeHandle(ref, () => {\n      return {\n        selectChapter: (chapter: ChapterWithPublicUrl) => {\n          playChapter(chapter);\n        },\n      };\n    });\n\n    const [currentTime, setCurrentTime] = useState<number | undefined>(\n      undefined,\n    );\n    const [duration, setDuration] = useState<number | undefined>(undefined);\n\n    const videoRef = useRef<HTMLVideoElement | null>(null);\n    const hlsRef = useRef<Hls | undefined>(undefined);\n    const timerRef = useRef<number | undefined>(undefined);\n\n    const audioPlayerContainerRef = useRef<HTMLDivElement>(null!);\n\n    const currentChapterRef = useRef<ChapterWithPublicUrl | null>(null);\n\n    const [playWhenReady, setPlayWhenReady] = useState(true);\n    const [isStarted, setIsStarted] = useState(false);\n    const [isLoading, setIsLoading] = useState(!isSafari());\n\n    function saveLastPlayedTime(timeInSeconds: number) {\n      if (timeInSeconds < 10) {\n        return;\n      }\n      localStorage.setItem(\n        `__player__${uniqueProductID}_${currentChapterRef.current?.id}`,\n        `${timeInSeconds}`,\n      );\n    }\n\n    function getLastPlayedTime(): number | undefined {\n      const time = localStorage.getItem(\n        `__player__${uniqueProductID}_${currentChapterRef.current?.id}`,\n      );\n\n      if (time == null) {\n        return undefined;\n      }\n      try {\n        const result = parseInt(time);\n\n        if (isNaN(result) || result < 0) {\n          return undefined;\n        }\n\n        return result;\n      } catch (e) {\n        return undefined;\n      }\n    }\n\n    function getLastSelectedChapterID(): string | undefined {\n      const lastSelectedChapterID = localStorage.getItem(\n        `__player__${uniqueProductID}_last_chapter`,\n      );\n      if (lastSelectedChapterID == null) {\n        return undefined;\n      }\n      return lastSelectedChapterID;\n    }\n\n    function setLastSelectedChapterID(chapterID: string) {\n      localStorage.setItem(\n        `__player__${uniqueProductID}_last_chapter`,\n        chapterID,\n      );\n    }\n\n    function deleteMemoryChapter(chapterID: string) {\n      localStorage.removeItem(`__player__${uniqueProductID}_${chapterID}`);\n    }\n\n    function setupObservers() {\n      if (videoRef.current == null) {\n        return;\n      }\n      videoRef.current.onloadeddata = () => {\n        if (videoRef.current == null) {\n          return;\n        }\n        if (videoRef.current.readyState < 2) {\n          setIsLoading(true);\n        }\n        if (videoRef.current.readyState >= 2) {\n          setIsLoading(false);\n        }\n\n        if (!isStarted) {\n          const lastPlayedTime = getLastPlayedTime();\n          if (lastPlayedTime != undefined) {\n            seekTo(lastPlayedTime);\n          }\n          setIsStarted(true);\n        }\n        if (playWhenReady) {\n          setPlayWhenReady(false);\n          try {\n            play();\n          } catch (e) {\n            console.log(\"play error\", e);\n          }\n        }\n      };\n      videoRef.current.onplay = () => {};\n\n      videoRef.current.onseeked = () => {};\n      videoRef.current.onseeking = () => {};\n\n      videoRef.current.onpause = () => {};\n\n      videoRef.current.onended = () => {\n        playNextChapter();\n      };\n\n      startMediaSessionCoordinator({\n        title: title ?? \"\",\n        artwork: imageURL,\n        action: (details) => {\n          switch (details.action) {\n            case \"play\":\n              play();\n              break;\n            case \"pause\":\n              pause();\n              break;\n            case \"seekbackward\":\n              seekBy(-15);\n              break;\n            case \"seekforward\":\n              seekBy(15);\n              break;\n            case \"seekto\":\n              if (details.seekTime) {\n                seekTo(details.seekTime);\n              }\n              break;\n            case \"stop\":\n              pause();\n              break;\n            default:\n              break;\n          }\n        },\n      });\n\n      startTimer();\n    }\n\n    function playNextChapter() {\n      if (chapters == null || chapters.length == 0) {\n        return;\n      }\n      const currentChapterIndex = chapters.findIndex(\n        (chapter) => chapter.id == currentChapterRef.current?.id,\n      );\n      if (currentChapterIndex == -1) {\n        return;\n      }\n      deleteMemoryChapter(chapters[currentChapterIndex].id);\n      const nextChapterIndex = currentChapterIndex + 1;\n      if (nextChapterIndex >= chapters.length) {\n        return;\n      }\n      playChapter(chapters[currentChapterIndex + 1]);\n    }\n\n    function startTimer() {\n      updatePlayerDetails();\n      if (timerRef.current != null) return;\n\n      timerRef.current = setTimeout(() => {\n        updatePlayerDetails();\n        timerRef.current = undefined;\n        startTimer();\n      }, 500) as unknown as number;\n    }\n\n    function stopTimer() {\n      if (timerRef.current == null) return;\n      clearTimeout(timerRef.current as unknown as number);\n    }\n\n    function updatePlayerDetails() {\n      if (videoRef.current == null) {\n        return;\n      }\n      setPlayState(\n        videoRef.current.paused ? PlayState.Paused : PlayState.Playing,\n      );\n      setDuration(videoRef.current.duration);\n      setCurrentTime(videoRef.current.currentTime);\n      saveLastPlayedTime(videoRef.current.currentTime);\n      mediaSessionUpdateDurationAndPosition(\n        videoRef.current.duration,\n        videoRef.current.currentTime,\n      );\n      if (\n        videoRef.current.networkState === videoRef.current.NETWORK_LOADING &&\n        videoRef.current.readyState <= videoRef.current.HAVE_FUTURE_DATA\n      ) {\n        setIsLoading(true);\n      } else {\n        setIsLoading(false);\n      }\n      if (updateCurrentTime) {\n        updateCurrentTime(videoRef.current.currentTime);\n      }\n    }\n\n    function play() {\n      videoRef.current?.play().then().catch();\n      updatePlayerDetails();\n    }\n\n    function pause() {\n      videoRef.current?.pause();\n      updatePlayerDetails();\n    }\n\n    function togglePlayState() {\n      if (playState === PlayState.Playing) {\n        pause();\n        return;\n      }\n      play();\n    }\n\n    function seekBy(seconds: number) {\n      if (videoRef.current == null) {\n        return;\n      }\n      const newTime = videoRef.current.currentTime + seconds;\n      if (newTime < 0) {\n        videoRef.current.currentTime = 0;\n        return;\n      }\n      if (newTime > videoRef.current.duration) {\n        videoRef.current.currentTime = videoRef.current.duration;\n        return;\n      }\n      videoRef.current.currentTime += seconds;\n    }\n\n    function seekTo(toSecond: number) {\n      if (videoRef.current == null) {\n        return;\n      }\n      setCurrentTime(toSecond);\n      if (toSecond < 0) {\n        videoRef.current.currentTime = 0;\n        return;\n      }\n      if (toSecond > videoRef.current.duration) {\n        videoRef.current.currentTime = videoRef.current.duration;\n        return;\n      }\n      videoRef.current.currentTime = toSecond;\n    }\n\n    function destroyPlayer() {\n      if (videoRef.current == null) {\n        return;\n      }\n      videoRef.current.onplay = null;\n      videoRef.current.onseeked = null;\n      videoRef.current.onseeking = null;\n      videoRef.current.onpause = null;\n      videoRef.current.onended = null;\n      videoRef.current.src = \"\";\n      hlsRef.current?.destroy();\n    }\n\n    function loadChapters(chapters: ChapterWithPublicUrl[]) {\n      if (chapters.length == 0) {\n        return;\n      }\n\n      const chapterID = getLastSelectedChapterID();\n      if (chapterID == null) {\n        playChapter(chapters[0]);\n        return;\n      }\n\n      const chapter = chapters.find((chapter) => chapter.id == chapterID);\n      if (chapter == null) {\n        playChapter(chapters[0]);\n        return;\n      }\n\n      playChapter(chapter);\n    }\n\n    function playChapter(chapter: ChapterWithPublicUrl) {\n      setIsStarted(false);\n      setPlayWhenReady(true);\n      currentChapterRef.current = chapter;\n      playURL(chapter.publicUrl);\n      onChapterChange?.(chapter);\n      setLastSelectedChapterID(chapter.id);\n    }\n\n    function playURL(src: string) {\n      if (videoRef.current == null) {\n        return;\n      }\n      if (videoRef.current.canPlayType(\"application/vnd.apple.mpegurl\")) {\n        videoRef.current.src = src;\n      } else if (Hls.isSupported()) {\n        if (hlsRef.current == null) {\n          hlsRef.current = new Hls();\n          hlsRef.current?.attachMedia(videoRef.current);\n        }\n        hlsRef.current?.loadSource(src);\n      }\n    }\n\n    useEffect(() => {\n      if (videoRef.current == null) {\n        return;\n      }\n      setupObservers();\n      loadChapters(chapters);\n    }, [videoRef.current]);\n\n    useEffect(() => {\n      loadChapters(chapters);\n    }, [chapters]);\n\n    useEffect(() => {\n      if (setCurrentTimeHandler != null) {\n        setCurrentTimeHandler(seekTo);\n      }\n\n      return () => {\n        setCurrentTime(undefined);\n        videoRef.current?.pause();\n        destroyPlayer();\n        stopMediaSessionCoordinator();\n      };\n    }, []);\n\n    const calculateTime = (secs: number) => {\n      const hours = Math.floor(secs / 3600);\n      const minutes = Math.floor(secs / 60) % 60;\n      const seconds = Math.floor(secs % 60);\n      const returnedHours =\n        hours > 0 ? (hours < 10 ? `0${hours}:` : `${hours}:`) : \"\";\n      const returnedSeconds = seconds < 10 ? `0${seconds}` : `${seconds}`;\n      if (isNaN(seconds) || isNaN(minutes) || isNaN(hours)) {\n        return \"\";\n      }\n      return `${returnedHours}${minutes}:${returnedSeconds}`;\n    };\n\n    const showRangeProgress = (rangeInput: HTMLInputElement) => {\n      const barProgress =\n        (parseFloat(rangeInput.value) / parseFloat(rangeInput.max)) * 100;\n      audioPlayerContainerRef.current.style.setProperty(\n        \"--seek-before-width\",\n        barProgress + \"%\",\n      );\n\n      const selectedTime = (duration! * barProgress) / 100;\n      seekTo(selectedTime);\n    };\n\n    return (\n      <div\n        id=\"audio-player-container\"\n        className=\"flex flex-col\"\n        style={styles}\n        ref={audioPlayerContainerRef}\n      >\n        <video\n          ref={videoRef}\n          className=\"hidden\"\n          poster={imageURL}\n          title={title}\n        ></video>\n\n        <input\n          type=\"range\"\n          min=\"0\"\n          max={duration != undefined ? Math.floor(duration).toString() : 100}\n          value={currentTime ?? 0}\n          onChange={(e) => showRangeProgress(e.target as HTMLInputElement)}\n          className=\"w-full\"\n        />\n\n        <section className=\"flex w-full items-center justify-between text-sm font-medium\">\n          <span id=\"current-time\">{calculateTime(currentTime!)}</span>\n          <span id=\"duration\">{calculateTime(duration!)}</span>\n        </section>\n        <div className=\"mt-6 flex items-center justify-center gap-x-12\">\n          <Button\n            variant=\"outline\"\n            onClick={() => seekBy(-10)}\n            aria-label=\"Rewind 10 Seconds\"\n          >\n            -10\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={togglePlayState}\n            aria-label=\"Play Or Pause\"\n          >\n            {playState === PlayState.Paused && <Play className=\"h-5 w-5\" />}\n            {playState === PlayState.Playing && <Pause className=\"h-5 w-5\" />}\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={() => seekBy(10)}\n            aria-label=\"Fast Forward 10 Seconds\"\n          >\n            +10\n          </Button>\n        </div>\n        {isLoading && (\n          <div className=\"mt-2 flex w-full justify-center\">\n            <LoadingIndicator />\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nfunction isSafari() {\n  return navigator.userAgent.toLowerCase().indexOf(\"safari/\") > -1;\n}\n\nexport default AudioPlayer;\n"]}

package/dist/{chunk-VXB7LA4E.js → chunk-F46RJVWC.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkV4U2PTKNjs = require('./chunk-V4U2PTKN.js');var _chunkCO2P4FR5js = require('./chunk-CO2P4FR5.js');var B=["orders","order","confirmation","result","myReturns","myReturn"];function P(e){return B.includes(e)}function f(e){return e?{name:"orders"}:{name:"email"}}function C(e,n){switch(n.type){case"SESSION_EXPIRED":return P(e.name)?{name:"email"}:e;case"CODE_SENT":return e.name==="email"?{name:"code"}:e;case"AUTHENTICATED":return e.name==="email"||e.name==="code"?{name:"orders"}:e;case"SELECT_ORDER":return e.name==="orders"?{name:"order",orderId:n.orderId}:e;case"REVIEW":return e.name==="order"?{name:"confirmation",orderId:e.orderId,items:n.items,note:n.note}:e;case"SUBMITTED":return e.name==="confirmation"?{name:"result",returnId:n.returnId}:e;case"OPEN_MY_RETURNS":return e.name==="orders"||e.name==="result"?{name:"myReturns"}:e;case"SELECT_RETURN":return e.name==="myReturns"?{name:"myReturn",returnId:n.returnId}:e;case"CONTINUE":return e.name==="result"?{name:"orders"}:e;case"BACK":switch(e.name){case"code":return{name:"email"};case"order":case"myReturns":return{name:"orders"};case"confirmation":return{name:"order",orderId:e.orderId,items:e.items,note:e.note};case"myReturn":return{name:"myReturns"};default:return e}}}var x={email:1,code:2,orders:3,order:4,confirmation:5,result:6},_=6;function O(e){return x[e]}var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function g({current:e}){let n=_chunkV4U2PTKNjs.i.call(void 0, ),r=_chunkV4U2PTKNjs.f.call(void 0, "stepIndicator");return _jsxruntime.jsx.call(void 0, "p",{"data-bitsnap-returns-slot":"stepIndicator",className:_chunkCO2P4FR5js.d.call(void 0, "text-xs",r.className),style:r.style,children:n("stepIndicator",{current:e,total:_})})}function b({panelToken:e}){let{status:n}=_chunkV4U2PTKNjs.j.call(void 0, "BitsnapReturns"),[r,t]=_react.useReducer.call(void 0, C,f(!1));if(_react.useEffect.call(void 0, ()=>{n==="authenticated"?t({type:"AUTHENTICATED"}):n==="anonymous"&&t({type:"SESSION_EXPIRED"})},[n]),n==="exchanging"||n==="hydrating"&&e)return _jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.s,{});let s=O(r.name);return _jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-4",children:[s!=null&&_jsxruntime.jsx.call(void 0, g,{current:s}),r.name==="email"&&_jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.t,{onSubmitted:()=>t({type:"CODE_SENT"})}),r.name==="code"&&_jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.u,{onVerified:()=>t({type:"AUTHENTICATED"}),onBack:()=>t({type:"BACK"})}),r.name==="orders"&&_jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.v,{showLogout:!e,onSelectOrder:u=>t({type:"SELECT_ORDER",orderId:u}),onOpenMyReturns:()=>t({type:"OPEN_MY_RETURNS"})}),r.name==="order"&&_jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.w,{orderId:r.orderId,initialItems:r.items,initialNote:r.note,onBack:()=>t({type:"BACK"}),onContinue:({items:u,note:U})=>t({type:"REVIEW",items:u,note:U})}),r.name==="confirmation"&&_jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.x,{orderId:r.orderId,items:r.items,note:r.note,onBack:()=>t({type:"BACK"}),onSubmitted:u=>t({type:"SUBMITTED",returnId:u})}),r.name==="result"&&_jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.y,{returnId:r.returnId,onContinue:()=>t({type:"CONTINUE"}),onOpenMyReturns:()=>t({type:"OPEN_MY_RETURNS"})}),r.name==="myReturns"&&_jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.z,{onSelectReturn:u=>t({type:"SELECT_RETURN",returnId:u}),onBack:()=>t({type:"BACK"})}),r.name==="myReturn"&&_jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.A,{returnId:r.returnId,onBack:()=>t({type:"BACK"})})]})}function q(e){return _jsxruntime.jsx.call(void 0, _chunkV4U2PTKNjs.k,{...e,children:_jsxruntime.jsx.call(void 0, b,{panelToken:e.panelAccessToken!=null&&e.panelAccessToken!==""})})}exports.a = q;
-//# sourceMappingURL=chunk-VXB7LA4E.js.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRVILRUW3js = require('./chunk-RVILRUW3.js');var _chunkVIII45ACjs = require('./chunk-VIII45AC.js');var B=["orders","order","confirmation","result","myReturns","myReturn"];function P(e){return B.includes(e)}function f(e){return e?{name:"orders"}:{name:"email"}}function C(e,n){switch(n.type){case"SESSION_EXPIRED":return P(e.name)?{name:"email"}:e;case"CODE_SENT":return e.name==="email"?{name:"code"}:e;case"AUTHENTICATED":return e.name==="email"||e.name==="code"?{name:"orders"}:e;case"SELECT_ORDER":return e.name==="orders"?{name:"order",orderId:n.orderId}:e;case"REVIEW":return e.name==="order"?{name:"confirmation",orderId:e.orderId,items:n.items,note:n.note}:e;case"SUBMITTED":return e.name==="confirmation"?{name:"result",returnId:n.returnId}:e;case"OPEN_MY_RETURNS":return e.name==="orders"||e.name==="result"?{name:"myReturns"}:e;case"SELECT_RETURN":return e.name==="myReturns"?{name:"myReturn",returnId:n.returnId}:e;case"CONTINUE":return e.name==="result"?{name:"orders"}:e;case"BACK":switch(e.name){case"code":return{name:"email"};case"order":case"myReturns":return{name:"orders"};case"confirmation":return{name:"order",orderId:e.orderId,items:e.items,note:e.note};case"myReturn":return{name:"myReturns"};default:return e}}}var x={email:1,code:2,orders:3,order:4,confirmation:5,result:6},_=6;function O(e){return x[e]}var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function g({current:e}){let n=_chunkRVILRUW3js.i.call(void 0, ),r=_chunkRVILRUW3js.f.call(void 0, "stepIndicator");return _jsxruntime.jsx.call(void 0, "p",{"data-bitsnap-returns-slot":"stepIndicator",className:_chunkVIII45ACjs.d.call(void 0, "text-xs",r.className),style:r.style,children:n("stepIndicator",{current:e,total:_})})}function b({panelToken:e}){let{status:n}=_chunkRVILRUW3js.j.call(void 0, "BitsnapReturns"),[r,t]=_react.useReducer.call(void 0, C,f(!1));if(_react.useEffect.call(void 0, ()=>{n==="authenticated"?t({type:"AUTHENTICATED"}):n==="anonymous"&&t({type:"SESSION_EXPIRED"})},[n]),n==="exchanging"||n==="hydrating"&&e)return _jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.s,{});let s=O(r.name);return _jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-4",children:[s!=null&&_jsxruntime.jsx.call(void 0, g,{current:s}),r.name==="email"&&_jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.t,{onSubmitted:()=>t({type:"CODE_SENT"})}),r.name==="code"&&_jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.u,{onVerified:()=>t({type:"AUTHENTICATED"}),onBack:()=>t({type:"BACK"})}),r.name==="orders"&&_jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.v,{showLogout:!e,onSelectOrder:u=>t({type:"SELECT_ORDER",orderId:u}),onOpenMyReturns:()=>t({type:"OPEN_MY_RETURNS"})}),r.name==="order"&&_jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.w,{orderId:r.orderId,initialItems:r.items,initialNote:r.note,onBack:()=>t({type:"BACK"}),onContinue:({items:u,note:U})=>t({type:"REVIEW",items:u,note:U})}),r.name==="confirmation"&&_jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.x,{orderId:r.orderId,items:r.items,note:r.note,onBack:()=>t({type:"BACK"}),onSubmitted:u=>t({type:"SUBMITTED",returnId:u})}),r.name==="result"&&_jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.y,{returnId:r.returnId,onContinue:()=>t({type:"CONTINUE"}),onOpenMyReturns:()=>t({type:"OPEN_MY_RETURNS"})}),r.name==="myReturns"&&_jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.z,{onSelectReturn:u=>t({type:"SELECT_RETURN",returnId:u}),onBack:()=>t({type:"BACK"})}),r.name==="myReturn"&&_jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.A,{returnId:r.returnId,onBack:()=>t({type:"BACK"})})]})}function q(e){return _jsxruntime.jsx.call(void 0, _chunkRVILRUW3js.k,{...e,children:_jsxruntime.jsx.call(void 0, b,{panelToken:e.panelAccessToken!=null&&e.panelAccessToken!==""})})}exports.a = q;
+//# sourceMappingURL=chunk-F46RJVWC.js.map

package/dist/chunk-F46RJVWC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/visitor-cookie/dist/chunk-F46RJVWC.js","../src/components/returns/state-machine.ts","../src/components/returns/BitsnapReturns.tsx"],"names":["STEPS_WITH_SESSION","stepRequiresSession","step","initialReturnsStep","hasSession","reduceReturnsStep","event","STEP_NUMBERS","RETURNS_STEP_COUNT","returnsStepNumber","StepIndicator","current","text","useReturnsText","slot","useReturnsSlot","jsx","cn","ReturnsRouter","panelToken","status","useReturnsContext","dispatch","useReducer","useEffect","SkeletonRows","stepNumber","jsxs","ReturnsEmailStep","ReturnsCodeStep","ReturnsOrderList","orderId","ReturnsOrderDetail","items","note","ReturnsConfirmation","returnId","ReturnsResult","ReturnsMyReturnsList","ReturnsMyReturnDetail","BitsnapReturns","props","ReturnsProvider"],"mappings":"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","file":"/home/emems/.t3/worktrees/bitsnap-react/visitor-cookie/dist/chunk-F46RJVWC.js","sourcesContent":[null,"/** One line chosen for return. */\nexport type SelectedReturnLine = {\n  lineId: string;\n  quantity: number;\n};\n\n/** Where the default flow of `BitsnapReturns` currently is. */\nexport type ReturnsStep =\n  | { name: \"email\" }\n  | { name: \"code\" }\n  | { name: \"orders\" }\n  | {\n      name: \"order\";\n      orderId: string;\n      /** Selection to restore when coming back from the confirmation. */\n      items?: SelectedReturnLine[];\n      note?: string;\n    }\n  | {\n      name: \"confirmation\";\n      orderId: string;\n      items: SelectedReturnLine[];\n      note: string;\n    }\n  | { name: \"result\"; returnId: string }\n  | { name: \"myReturns\" }\n  | { name: \"myReturn\"; returnId: string };\n\nexport type ReturnsStepName = ReturnsStep[\"name\"];\n\nexport type ReturnsStepEvent =\n  /** A verification code was requested. */\n  | { type: \"CODE_SENT\" }\n  /** The session became valid: code verified, stored session or panel token. */\n  | { type: \"AUTHENTICATED\" }\n  /** The session was dropped by the backend, expiry or logout. */\n  | { type: \"SESSION_EXPIRED\" }\n  | { type: \"SELECT_ORDER\"; orderId: string }\n  | { type: \"REVIEW\"; items: SelectedReturnLine[]; note: string }\n  | { type: \"SUBMITTED\"; returnId: string }\n  | { type: \"OPEN_MY_RETURNS\" }\n  | { type: \"SELECT_RETURN\"; returnId: string }\n  | { type: \"BACK\" }\n  /** Leave the result screen for the order list. */\n  | { type: \"CONTINUE\" };\n\nconst STEPS_WITH_SESSION: readonly ReturnsStepName[] = [\n  \"orders\",\n  \"order\",\n  \"confirmation\",\n  \"result\",\n  \"myReturns\",\n  \"myReturn\",\n];\n\n/** Steps that cannot be shown without a returns session. */\nexport function stepRequiresSession(step: ReturnsStepName): boolean {\n  return STEPS_WITH_SESSION.includes(step);\n}\n\n/** Starts at the orders when a session exists, otherwise at the email. */\nexport function initialReturnsStep(hasSession: boolean): ReturnsStep {\n  return hasSession ? { name: \"orders\" } : { name: \"email\" };\n}\n\n/**\n * Pure transition function of the default flow. Events that do not apply to\n * the current step leave it unchanged.\n */\nexport function reduceReturnsStep(\n  step: ReturnsStep,\n  event: ReturnsStepEvent,\n): ReturnsStep {\n  switch (event.type) {\n    case \"SESSION_EXPIRED\":\n      // Email and code do not need a session; keep a pending verification.\n      return stepRequiresSession(step.name) ? { name: \"email\" } : step;\n    case \"CODE_SENT\":\n      return step.name === \"email\" ? { name: \"code\" } : step;\n    case \"AUTHENTICATED\":\n      return step.name === \"email\" || step.name === \"code\"\n        ? { name: \"orders\" }\n        : step;\n    case \"SELECT_ORDER\":\n      return step.name === \"orders\"\n        ? { name: \"order\", orderId: event.orderId }\n        : step;\n    case \"REVIEW\":\n      return step.name === \"order\"\n        ? {\n            name: \"confirmation\",\n            orderId: step.orderId,\n            items: event.items,\n            note: event.note,\n          }\n        : step;\n    case \"SUBMITTED\":\n      return step.name === \"confirmation\"\n        ? { name: \"result\", returnId: event.returnId }\n        : step;\n    case \"OPEN_MY_RETURNS\":\n      return step.name === \"orders\" || step.name === \"result\"\n        ? { name: \"myReturns\" }\n        : step;\n    case \"SELECT_RETURN\":\n      return step.name === \"myReturns\"\n        ? { name: \"myReturn\", returnId: event.returnId }\n        : step;\n    case \"CONTINUE\":\n      return step.name === \"result\" ? { name: \"orders\" } : step;\n    case \"BACK\":\n      switch (step.name) {\n        case \"code\":\n          return { name: \"email\" };\n        case \"order\":\n        case \"myReturns\":\n          return { name: \"orders\" };\n        case \"confirmation\":\n          return {\n            name: \"order\",\n            orderId: step.orderId,\n            items: step.items,\n            note: step.note,\n          };\n        case \"myReturn\":\n          return { name: \"myReturns\" };\n        default:\n          return step;\n      }\n  }\n}\n\nconst STEP_NUMBERS: Partial<Record<ReturnsStepName, number>> = {\n  email: 1,\n  code: 2,\n  orders: 3,\n  order: 4,\n  confirmation: 5,\n  result: 6,\n};\n\nexport const RETURNS_STEP_COUNT = 6;\n\n/** Position of a step in the return flow, `undefined` for the \"my returns\" views. */\nexport function returnsStepNumber(step: ReturnsStepName): number | undefined {\n  return STEP_NUMBERS[step];\n}\n","import { useEffect, useReducer } from \"react\";\nimport { cn } from \"@/src/lib/utils\";\nimport { useReturnsSlot } from \"./appearance.context\";\nimport { ReturnsCodeStep, ReturnsEmailStep } from \"./AuthSteps\";\nimport { SkeletonRows } from \"./internal\";\nimport { ReturnsMyReturnDetail, ReturnsMyReturnsList } from \"./MyReturns\";\nimport {\n  ReturnsConfirmation,\n  ReturnsOrderDetail,\n  ReturnsOrderList,\n  ReturnsResult,\n} from \"./OrderSteps\";\nimport {\n  ReturnsProvider,\n  useReturnsContext,\n  type ReturnsProviderProps,\n} from \"./ReturnsProvider\";\nimport {\n  initialReturnsStep,\n  reduceReturnsStep,\n  RETURNS_STEP_COUNT,\n  returnsStepNumber,\n} from \"./state-machine\";\nimport { useReturnsText } from \"./texts.context\";\n\nexport type BitsnapReturnsProps = Omit<ReturnsProviderProps, \"children\">;\n\nfunction StepIndicator({ current }: { current: number }) {\n  const text = useReturnsText();\n  const slot = useReturnsSlot(\"stepIndicator\");\n\n  return (\n    <p\n      data-bitsnap-returns-slot=\"stepIndicator\"\n      className={cn(\"text-xs\", slot.className)}\n      style={slot.style}\n    >\n      {text(\"stepIndicator\", { current, total: RETURNS_STEP_COUNT })}\n    </p>\n  );\n}\n\n/** Default step router. All transitions come from the pure state machine. */\nfunction ReturnsRouter({ panelToken }: { panelToken: boolean }) {\n  const { status } = useReturnsContext(\"BitsnapReturns\");\n  const [step, dispatch] = useReducer(\n    reduceReturnsStep,\n    initialReturnsStep(false),\n  );\n\n  // A valid session (verified code, stored session, exchanged panel token)\n  // moves on to the orders; a dropped one returns to the start.\n  useEffect(() => {\n    if (status === \"authenticated\") {\n      dispatch({ type: \"AUTHENTICATED\" });\n    } else if (status === \"anonymous\") {\n      dispatch({ type: \"SESSION_EXPIRED\" });\n    }\n  }, [status]);\n\n  // Without a panel token the server render and the first client render show\n  // the email step; a stored session switches to the orders after hydration.\n  if (status === \"exchanging\" || (status === \"hydrating\" && panelToken)) {\n    return <SkeletonRows />;\n  }\n\n  const stepNumber = returnsStepNumber(step.name);\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      {stepNumber != null && <StepIndicator current={stepNumber} />}\n      {step.name === \"email\" && (\n        <ReturnsEmailStep onSubmitted={() => dispatch({ type: \"CODE_SENT\" })} />\n      )}\n      {step.name === \"code\" && (\n        <ReturnsCodeStep\n          onVerified={() => dispatch({ type: \"AUTHENTICATED\" })}\n          onBack={() => dispatch({ type: \"BACK\" })}\n        />\n      )}\n      {step.name === \"orders\" && (\n        <ReturnsOrderList\n          showLogout={!panelToken}\n          onSelectOrder={(orderId) =>\n            dispatch({ type: \"SELECT_ORDER\", orderId })\n          }\n          onOpenMyReturns={() => dispatch({ type: \"OPEN_MY_RETURNS\" })}\n        />\n      )}\n      {step.name === \"order\" && (\n        <ReturnsOrderDetail\n          orderId={step.orderId}\n          initialItems={step.items}\n          initialNote={step.note}\n          onBack={() => dispatch({ type: \"BACK\" })}\n          onContinue={({ items, note }) =>\n            dispatch({ type: \"REVIEW\", items, note })\n          }\n        />\n      )}\n      {step.name === \"confirmation\" && (\n        <ReturnsConfirmation\n          orderId={step.orderId}\n          items={step.items}\n          note={step.note}\n          onBack={() => dispatch({ type: \"BACK\" })}\n          onSubmitted={(returnId) =>\n            dispatch({ type: \"SUBMITTED\", returnId })\n          }\n        />\n      )}\n      {step.name === \"result\" && (\n        <ReturnsResult\n          returnId={step.returnId}\n          onContinue={() => dispatch({ type: \"CONTINUE\" })}\n          onOpenMyReturns={() => dispatch({ type: \"OPEN_MY_RETURNS\" })}\n        />\n      )}\n      {step.name === \"myReturns\" && (\n        <ReturnsMyReturnsList\n          onSelectReturn={(returnId) =>\n            dispatch({ type: \"SELECT_RETURN\", returnId })\n          }\n          onBack={() => dispatch({ type: \"BACK\" })}\n        />\n      )}\n      {step.name === \"myReturn\" && (\n        <ReturnsMyReturnDetail\n          returnId={step.returnId}\n          onBack={() => dispatch({ type: \"BACK\" })}\n        />\n      )}\n    </div>\n  );\n}\n\n/**\n * Customer return flow: email, code, orders, line selection, confirmation and\n * result, plus the list of earlier returns. It is `ReturnsProvider` with the\n * default step router; compose your own page from the step components to\n * change the layout.\n *\n * ```tsx\n * <BitsnapReturns projectID=\"…\" appearance={brand} texts={{ emailStepTitle: \"Return a product\" }} />\n * ```\n */\nexport function BitsnapReturns(props: BitsnapReturnsProps) {\n  return (\n    <ReturnsProvider {...props}>\n      <ReturnsRouter panelToken={props.panelAccessToken != null && props.panelAccessToken !== \"\"} />\n    </ReturnsProvider>\n  );\n}\n"]}

package/dist/{chunk-3IMJALBX.js → chunk-F6GQLKA6.js}

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

package/dist/chunk-F6GQLKA6.js.map

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

package/dist/chunk-JSDGZ4NY.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/consent-analytics/dist/chunk-JSDGZ4NY.js"],"names":[],"mappings":"AAAA,6EAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,6BAAqB","file":"/home/emems/.t3/worktrees/bitsnap-react/consent-analytics/dist/chunk-JSDGZ4NY.js"}
+{"version":3,"sources":["/home/emems/.t3/worktrees/bitsnap-react/visitor-cookie/dist/chunk-JSDGZ4NY.js"],"names":[],"mappings":"AAAA,6EAAI,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,6BAAqB","file":"/home/emems/.t3/worktrees/bitsnap-react/visitor-cookie/dist/chunk-JSDGZ4NY.js"}