@kotao/storefront 0.2.1 → 0.2.3

package/dist/chunk-VV653S52.js

@@ -0,0 +1,246 @@
+import { resolveFormText, isFormFieldVisible, formAnswerName, ADDRESS_PROPERTIES, formFields } from './chunk-IIOHENCG.js';
+import { useState, useId } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var ADDRESS_LABELS = {
+  line1: "Address",
+  line2: "Address line 2",
+  city: "City",
+  postalCode: "Postal code",
+  countryCode: "Country code",
+  provinceCode: "Province or state code"
+};
+function FieldErrors({ id, errors }) {
+  if (errors.length === 0) return null;
+  return /* @__PURE__ */ jsx("ul", { id, "data-kotao-form-errors": true, children: errors.map((error, index) => /* @__PURE__ */ jsx("li", { children: error }, `${error}-${index}`)) });
+}
+function StorefrontFormField({
+  field,
+  locale,
+  fallbackLocale,
+  value,
+  errors,
+  onChange,
+  idPrefix
+}) {
+  const id = `${idPrefix}-form-${field.key}`;
+  const label = resolveFormText(field.label, locale, fallbackLocale);
+  const description = resolveFormText(field.description, locale, fallbackLocale);
+  const errorId = `${id}-errors`;
+  const descriptionId = `${id}-description`;
+  const describedBy = [description ? descriptionId : "", errors.length ? errorId : ""].filter(Boolean).join(" ");
+  const common = {
+    id,
+    name: formAnswerName(field.key),
+    required: field.required,
+    "aria-invalid": errors.length > 0 || void 0,
+    "aria-describedby": describedBy || void 0
+  };
+  let control;
+  if (field.kind === "textarea") {
+    control = /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ...common,
+        value: typeof value === "string" ? value : "",
+        minLength: field.validation?.minLength,
+        maxLength: field.validation?.maxLength,
+        onChange: (event) => onChange(event.currentTarget.value)
+      }
+    );
+  } else if (field.kind === "address") {
+    const address = typeof value === "object" && !Array.isArray(value) ? value : {};
+    control = /* @__PURE__ */ jsxs("fieldset", { "aria-describedby": describedBy || void 0, children: [
+      /* @__PURE__ */ jsxs("legend", { children: [
+        label,
+        field.required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " *" })
+      ] }),
+      ADDRESS_PROPERTIES.map((property) => /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("span", { children: ADDRESS_LABELS[property] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            name: formAnswerName(field.key, property),
+            value: address[property] ?? "",
+            required: field.required && ["line1", "postalCode", "city", "countryCode"].includes(property),
+            onChange: (event) => onChange({ ...address, [property]: event.currentTarget.value })
+          }
+        )
+      ] }, property))
+    ] });
+  } else if (field.kind === "select" || field.kind === "multi_select") {
+    const selected = Array.isArray(value) ? value : typeof value === "string" ? [value] : [];
+    control = /* @__PURE__ */ jsxs(
+      "select",
+      {
+        ...common,
+        multiple: field.kind === "multi_select",
+        value: field.kind === "multi_select" ? selected : selected[0] ?? "",
+        onChange: (event) => onChange(
+          field.kind === "multi_select" ? Array.from(event.currentTarget.selectedOptions, (option) => option.value) : event.currentTarget.value
+        ),
+        children: [
+          field.kind === "select" && /* @__PURE__ */ jsx("option", { value: "" }),
+          field.choices?.map((choice) => /* @__PURE__ */ jsx("option", { value: choice.value, children: resolveFormText(choice.label, locale, fallbackLocale) }, choice.value))
+        ]
+      }
+    );
+  } else if (field.kind === "radio") {
+    control = /* @__PURE__ */ jsx("div", { role: "radiogroup", "aria-describedby": describedBy || void 0, children: field.choices?.map((choice) => /* @__PURE__ */ jsxs("label", { children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "radio",
+          name: common.name,
+          value: choice.value,
+          required: field.required,
+          checked: value === choice.value,
+          onChange: (event) => {
+            if (event.currentTarget.checked) onChange(choice.value);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { children: resolveFormText(choice.label, locale, fallbackLocale) })
+    ] }, choice.value)) });
+  } else if (field.kind === "checkbox" || field.kind === "consent") {
+    control = /* @__PURE__ */ jsxs("label", { children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...common,
+          type: "checkbox",
+          value: "true",
+          checked: value === true,
+          onChange: (event) => onChange(event.currentTarget.checked)
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { children: field.kind === "consent" ? resolveFormText(field.consentText, locale, fallbackLocale) : label })
+    ] });
+  } else {
+    control = /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...common,
+        type: field.kind === "phone" ? "tel" : field.kind,
+        value: typeof value === "string" || typeof value === "number" ? value : "",
+        minLength: field.validation?.minLength,
+        maxLength: field.validation?.maxLength,
+        min: field.validation?.min,
+        max: field.validation?.max,
+        onChange: (event) => onChange(
+          field.kind === "number" && event.currentTarget.value !== "" ? event.currentTarget.valueAsNumber : event.currentTarget.value
+        )
+      }
+    );
+  }
+  const hasSeparateLabel = !["address", "checkbox", "consent"].includes(field.kind);
+  return /* @__PURE__ */ jsxs("div", { "data-kotao-form-field": field.key, children: [
+    hasSeparateLabel && /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
+      label,
+      field.required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " *" })
+    ] }),
+    control,
+    description && /* @__PURE__ */ jsx("p", { id: descriptionId, children: description }),
+    /* @__PURE__ */ jsx(FieldErrors, { id: errorId, errors })
+  ] });
+}
+function StorefrontFormFields({
+  form,
+  locale,
+  fallbackLocale,
+  answers: initialAnswers = {},
+  errors = {},
+  onAnswersChange,
+  idPrefix
+}) {
+  const [answers, setAnswers] = useState(initialAnswers);
+  const generatedId = useId();
+  const instanceId = idPrefix ?? `kotao-${generatedId.replaceAll(":", "")}`;
+  const schema = form.version.schema;
+  function pruneHiddenAnswers(nextAnswers) {
+    let pruned = nextAnswers;
+    let removed = true;
+    while (removed) {
+      removed = false;
+      for (const field of formFields(schema)) {
+        if (Object.hasOwn(pruned, field.key) && !isFormFieldVisible(field, pruned)) {
+          if (pruned === nextAnswers) pruned = { ...nextAnswers };
+          delete pruned[field.key];
+          removed = true;
+        }
+      }
+    }
+    return pruned;
+  }
+  function updateAnswer(key, answer) {
+    setAnswers((current) => {
+      const next = pruneHiddenAnswers({ ...current, [key]: answer });
+      onAnswersChange?.(next);
+      return next;
+    });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: schema.pages.map((page) => /* @__PURE__ */ jsxs("section", { "data-kotao-form-page": page.key, children: [
+    page.title && /* @__PURE__ */ jsx("h2", { children: resolveFormText(page.title, locale, fallbackLocale) }),
+    page.description && /* @__PURE__ */ jsx("p", { children: resolveFormText(page.description, locale, fallbackLocale) }),
+    page.blocks.map((block) => {
+      if (block.type === "section") {
+        return /* @__PURE__ */ jsxs("header", { children: [
+          /* @__PURE__ */ jsx("h3", { children: resolveFormText(block.title, locale, fallbackLocale) }),
+          block.description && /* @__PURE__ */ jsx("p", { children: resolveFormText(block.description, locale, fallbackLocale) })
+        ] }, block.key);
+      }
+      if (block.type === "content") {
+        return /* @__PURE__ */ jsx("div", { "data-kotao-form-content": true, children: resolveFormText(block.content, locale, fallbackLocale) }, block.key);
+      }
+      return isFormFieldVisible(block.field, answers) ? /* @__PURE__ */ jsx(
+        StorefrontFormField,
+        {
+          field: block.field,
+          locale,
+          fallbackLocale,
+          value: answers[block.field.key],
+          errors: errors[block.field.key] ?? [],
+          onChange: (answer) => updateAnswer(block.field.key, answer),
+          idPrefix: instanceId
+        },
+        block.field.key
+      ) : null;
+    })
+  ] }, page.key)) });
+}
+function StorefrontForm({
+  form,
+  locale,
+  fallbackLocale,
+  answers,
+  errors,
+  submitted = false,
+  submitLabel,
+  onAnswersChange,
+  action = "",
+  method = "post",
+  ...props
+}) {
+  const schema = form.version.schema;
+  return /* @__PURE__ */ jsxs("form", { ...props, action, method, "data-kotao-form": form.definition.handle, children: [
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: "versionId", value: form.version.id }),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name: "locale", value: locale }),
+    submitted && /* @__PURE__ */ jsx("p", { role: "status", "data-kotao-form-success": true, children: resolveFormText(schema.successMessage, locale, fallbackLocale) }),
+    /* @__PURE__ */ jsx(
+      StorefrontFormFields,
+      {
+        form,
+        locale,
+        ...fallbackLocale === void 0 ? {} : { fallbackLocale },
+        ...answers === void 0 ? {} : { answers },
+        ...errors === void 0 ? {} : { errors },
+        ...onAnswersChange === void 0 ? {} : { onAnswersChange }
+      }
+    ),
+    /* @__PURE__ */ jsx("button", { type: "submit", children: submitLabel ?? (resolveFormText(schema.submitLabel, locale, fallbackLocale) || "Submit") })
+  ] });
+}
+
+export { StorefrontForm, StorefrontFormFields };
+//# sourceMappingURL=chunk-VV653S52.js.map
+//# sourceMappingURL=chunk-VV653S52.js.map

package/dist/chunk-VV653S52.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/form.tsx"],"names":[],"mappings":"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","file":"chunk-VV653S52.js","sourcesContent":["import React, { useId, useState, type ComponentPropsWithoutRef, type ReactNode } from 'react'\nimport {\n  ADDRESS_PROPERTIES,\n  formAnswerName,\n  formFields,\n  isFormFieldVisible,\n  resolveFormText,\n  type FormAnswer,\n  type FormAnswers,\n  type FormField,\n  type FormFieldErrors,\n  type PublicForm,\n} from '../forms'\n\nexport interface StorefrontFormProps extends Omit<\n  ComponentPropsWithoutRef<'form'>,\n  'children' | 'defaultValue'\n> {\n  form: PublicForm\n  locale: string\n  fallbackLocale?: string\n  answers?: FormAnswers\n  errors?: FormFieldErrors\n  submitted?: boolean\n  submitLabel?: ReactNode\n  onAnswersChange?: (answers: FormAnswers) => void\n}\n\nexport interface StorefrontFormFieldsProps {\n  readonly form: PublicForm\n  readonly locale: string\n  readonly fallbackLocale?: string\n  readonly answers?: FormAnswers\n  readonly errors?: FormFieldErrors\n  readonly onAnswersChange?: (answers: FormAnswers) => void\n  readonly idPrefix?: string\n}\n\ninterface FieldProps {\n  field: FormField\n  locale: string\n  fallbackLocale?: string | undefined\n  value?: FormAnswer | undefined\n  errors: string[]\n  onChange: (value: FormAnswer) => void\n  idPrefix: string\n}\n\nconst ADDRESS_LABELS: Record<(typeof ADDRESS_PROPERTIES)[number], string> = {\n  line1: 'Address',\n  line2: 'Address line 2',\n  city: 'City',\n  postalCode: 'Postal code',\n  countryCode: 'Country code',\n  provinceCode: 'Province or state code',\n}\n\nfunction FieldErrors({ id, errors }: { id: string; errors: string[] }) {\n  if (errors.length === 0) return null\n  return (\n    <ul id={id} data-kotao-form-errors>\n      {errors.map((error, index) => (\n        <li key={`${error}-${index}`}>{error}</li>\n      ))}\n    </ul>\n  )\n}\n\nfunction StorefrontFormField({\n  field,\n  locale,\n  fallbackLocale,\n  value,\n  errors,\n  onChange,\n  idPrefix,\n}: FieldProps) {\n  const id = `${idPrefix}-form-${field.key}`\n  const label = resolveFormText(field.label, locale, fallbackLocale)\n  const description = resolveFormText(field.description, locale, fallbackLocale)\n  const errorId = `${id}-errors`\n  const descriptionId = `${id}-description`\n  const describedBy = [description ? descriptionId : '', errors.length ? errorId : '']\n    .filter(Boolean)\n    .join(' ')\n  const common = {\n    id,\n    name: formAnswerName(field.key),\n    required: field.required,\n    'aria-invalid': errors.length > 0 || undefined,\n    'aria-describedby': describedBy || undefined,\n  }\n  let control: ReactNode\n\n  if (field.kind === 'textarea') {\n    control = (\n      <textarea\n        {...common}\n        value={typeof value === 'string' ? value : ''}\n        minLength={field.validation?.minLength}\n        maxLength={field.validation?.maxLength}\n        onChange={(event) => onChange(event.currentTarget.value)}\n      />\n    )\n  } else if (field.kind === 'address') {\n    const address = typeof value === 'object' && !Array.isArray(value) ? value : {}\n    control = (\n      <fieldset aria-describedby={describedBy || undefined}>\n        <legend>\n          {label}\n          {field.required && <span aria-hidden=\"true\"> *</span>}\n        </legend>\n        {ADDRESS_PROPERTIES.map((property) => (\n          <label key={property}>\n            <span>{ADDRESS_LABELS[property]}</span>\n            <input\n              name={formAnswerName(field.key, property)}\n              value={address[property] ?? ''}\n              required={\n                field.required && ['line1', 'postalCode', 'city', 'countryCode'].includes(property)\n              }\n              onChange={(event) => onChange({ ...address, [property]: event.currentTarget.value })}\n            />\n          </label>\n        ))}\n      </fieldset>\n    )\n  } else if (field.kind === 'select' || field.kind === 'multi_select') {\n    const selected = Array.isArray(value) ? value : typeof value === 'string' ? [value] : []\n    control = (\n      <select\n        {...common}\n        multiple={field.kind === 'multi_select'}\n        value={field.kind === 'multi_select' ? selected : (selected[0] ?? '')}\n        onChange={(event) =>\n          onChange(\n            field.kind === 'multi_select'\n              ? Array.from(event.currentTarget.selectedOptions, (option) => option.value)\n              : event.currentTarget.value,\n          )\n        }\n      >\n        {field.kind === 'select' && <option value=\"\" />}\n        {field.choices?.map((choice) => (\n          <option key={choice.value} value={choice.value}>\n            {resolveFormText(choice.label, locale, fallbackLocale)}\n          </option>\n        ))}\n      </select>\n    )\n  } else if (field.kind === 'radio') {\n    control = (\n      <div role=\"radiogroup\" aria-describedby={describedBy || undefined}>\n        {field.choices?.map((choice) => (\n          <label key={choice.value}>\n            <input\n              type=\"radio\"\n              name={common.name}\n              value={choice.value}\n              required={field.required}\n              checked={value === choice.value}\n              onChange={(event) => {\n                if (event.currentTarget.checked) onChange(choice.value)\n              }}\n            />\n            <span>{resolveFormText(choice.label, locale, fallbackLocale)}</span>\n          </label>\n        ))}\n      </div>\n    )\n  } else if (field.kind === 'checkbox' || field.kind === 'consent') {\n    control = (\n      <label>\n        <input\n          {...common}\n          type=\"checkbox\"\n          value=\"true\"\n          checked={value === true}\n          onChange={(event) => onChange(event.currentTarget.checked)}\n        />\n        <span>\n          {field.kind === 'consent'\n            ? resolveFormText(field.consentText, locale, fallbackLocale)\n            : label}\n        </span>\n      </label>\n    )\n  } else {\n    control = (\n      <input\n        {...common}\n        type={field.kind === 'phone' ? 'tel' : field.kind}\n        value={typeof value === 'string' || typeof value === 'number' ? value : ''}\n        minLength={field.validation?.minLength}\n        maxLength={field.validation?.maxLength}\n        min={field.validation?.min}\n        max={field.validation?.max}\n        onChange={(event) =>\n          onChange(\n            field.kind === 'number' && event.currentTarget.value !== ''\n              ? event.currentTarget.valueAsNumber\n              : event.currentTarget.value,\n          )\n        }\n      />\n    )\n  }\n\n  const hasSeparateLabel = !['address', 'checkbox', 'consent'].includes(field.kind)\n  return (\n    <div data-kotao-form-field={field.key}>\n      {hasSeparateLabel && (\n        <label htmlFor={id}>\n          {label}\n          {field.required && <span aria-hidden=\"true\"> *</span>}\n        </label>\n      )}\n      {control}\n      {description && <p id={descriptionId}>{description}</p>}\n      <FieldErrors id={errorId} errors={errors} />\n    </div>\n  )\n}\n\nexport function StorefrontFormFields({\n  form,\n  locale,\n  fallbackLocale,\n  answers: initialAnswers = {},\n  errors = {},\n  onAnswersChange,\n  idPrefix,\n}: StorefrontFormFieldsProps) {\n  const [answers, setAnswers] = useState<FormAnswers>(initialAnswers)\n  const generatedId = useId()\n  const instanceId = idPrefix ?? `kotao-${generatedId.replaceAll(':', '')}`\n  const schema = form.version.schema\n\n  function pruneHiddenAnswers(nextAnswers: FormAnswers): FormAnswers {\n    let pruned = nextAnswers\n    let removed = true\n    while (removed) {\n      removed = false\n      for (const field of formFields(schema)) {\n        if (Object.hasOwn(pruned, field.key) && !isFormFieldVisible(field, pruned)) {\n          if (pruned === nextAnswers) pruned = { ...nextAnswers }\n          delete pruned[field.key]\n          removed = true\n        }\n      }\n    }\n    return pruned\n  }\n\n  function updateAnswer(key: string, answer: FormAnswer) {\n    setAnswers((current) => {\n      const next = pruneHiddenAnswers({ ...current, [key]: answer })\n      onAnswersChange?.(next)\n      return next\n    })\n  }\n\n  return (\n    <>\n      {schema.pages.map((page) => (\n        <section key={page.key} data-kotao-form-page={page.key}>\n          {page.title && <h2>{resolveFormText(page.title, locale, fallbackLocale)}</h2>}\n          {page.description && <p>{resolveFormText(page.description, locale, fallbackLocale)}</p>}\n          {page.blocks.map((block) => {\n            if (block.type === 'section') {\n              return (\n                <header key={block.key}>\n                  <h3>{resolveFormText(block.title, locale, fallbackLocale)}</h3>\n                  {block.description && (\n                    <p>{resolveFormText(block.description, locale, fallbackLocale)}</p>\n                  )}\n                </header>\n              )\n            }\n            if (block.type === 'content') {\n              return (\n                <div key={block.key} data-kotao-form-content>\n                  {resolveFormText(block.content, locale, fallbackLocale)}\n                </div>\n              )\n            }\n            return isFormFieldVisible(block.field, answers) ? (\n              <StorefrontFormField\n                key={block.field.key}\n                field={block.field}\n                locale={locale}\n                fallbackLocale={fallbackLocale}\n                value={answers[block.field.key]}\n                errors={errors[block.field.key] ?? []}\n                onChange={(answer) => updateAnswer(block.field.key, answer)}\n                idPrefix={instanceId}\n              />\n            ) : null\n          })}\n        </section>\n      ))}\n    </>\n  )\n}\n\nexport function StorefrontForm({\n  form,\n  locale,\n  fallbackLocale,\n  answers,\n  errors,\n  submitted = false,\n  submitLabel,\n  onAnswersChange,\n  action = '',\n  method = 'post',\n  ...props\n}: StorefrontFormProps) {\n  const schema = form.version.schema\n\n  return (\n    <form {...props} action={action} method={method} data-kotao-form={form.definition.handle}>\n      <input type=\"hidden\" name=\"versionId\" value={form.version.id} />\n      <input type=\"hidden\" name=\"locale\" value={locale} />\n      {submitted && (\n        <p role=\"status\" data-kotao-form-success>\n          {resolveFormText(schema.successMessage, locale, fallbackLocale)}\n        </p>\n      )}\n      <StorefrontFormFields\n        form={form}\n        locale={locale}\n        {...(fallbackLocale === undefined ? {} : { fallbackLocale })}\n        {...(answers === undefined ? {} : { answers })}\n        {...(errors === undefined ? {} : { errors })}\n        {...(onAnswersChange === undefined ? {} : { onAnswersChange })}\n      />\n      <button type=\"submit\">\n        {submitLabel ?? (resolveFormText(schema.submitLabel, locale, fallbackLocale) || 'Submit')}\n      </button>\n    </form>\n  )\n}\n"]}

package/dist/chunk-WG7HYVHJ.js

@@ -0,0 +1,38 @@
+// src/events/offer-token.ts
+var CLAIM_TOKEN = /^[A-Za-z0-9_-]{43}$/u;
+var consumedLocationMarkers = /* @__PURE__ */ new WeakMap();
+function offerTokenHrefMarker(href) {
+  let left = 2166136261;
+  let right = 2246822507;
+  for (let index = 0; index < href.length; index += 1) {
+    const code = href.charCodeAt(index);
+    left = Math.imul(left ^ code, 16777619);
+    right = Math.imul(right ^ code, 3266489909);
+  }
+  return `${(left >>> 0).toString(16).padStart(8, "0")}${(right >>> 0).toString(16).padStart(8, "0")}`;
+}
+function consumeOfferTokenFragment(location, history) {
+  const marker = offerTokenHrefMarker(location.href);
+  const consumedMarkers = consumedLocationMarkers.get(location) ?? /* @__PURE__ */ new Set();
+  if (consumedMarkers.has(marker)) return null;
+  consumedMarkers.add(marker);
+  consumedLocationMarkers.set(location, consumedMarkers);
+  const url = new URL(location.href);
+  const queryHasToken = url.searchParams.has("token") || url.searchParams.has("claimToken");
+  const fragment = new URLSearchParams(url.hash.startsWith("#") ? url.hash.slice(1) : url.hash);
+  const fragmentToken = fragment.get("token");
+  const fragmentIsExact = fragment.size === 1 && fragment.has("token");
+  const shouldReplace = queryHasToken || url.hash !== "";
+  url.searchParams.delete("token");
+  url.searchParams.delete("claimToken");
+  url.hash = "";
+  if (shouldReplace) {
+    history.replaceState(history.state, "", `${url.pathname}${url.search}`);
+  }
+  if (queryHasToken || !fragmentIsExact || fragmentToken === null) return null;
+  return CLAIM_TOKEN.test(fragmentToken) ? fragmentToken : null;
+}
+
+export { consumeOfferTokenFragment, offerTokenHrefMarker };
+//# sourceMappingURL=chunk-WG7HYVHJ.js.map
+//# sourceMappingURL=chunk-WG7HYVHJ.js.map

package/dist/chunk-WG7HYVHJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/events/offer-token.ts"],"names":[],"mappings":";AASA,IAAM,WAAA,GAAc,sBAAA;AACpB,IAAM,uBAAA,uBAA8B,OAAA,EAA6B;AAG1D,SAAS,qBAAqB,IAAA,EAAsB;AACzD,EAAA,IAAI,IAAA,GAAO,UAAA;AACX,EAAA,IAAI,KAAA,GAAQ,UAAA;AACZ,EAAA,KAAA,IAAS,QAAQ,CAAA,EAAG,KAAA,GAAQ,IAAA,CAAK,MAAA,EAAQ,SAAS,CAAA,EAAG;AACnD,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,UAAA,CAAW,KAAK,CAAA;AAClC,IAAA,IAAA,GAAO,IAAA,CAAK,IAAA,CAAK,IAAA,GAAO,IAAA,EAAM,QAAU,CAAA;AACxC,IAAA,KAAA,GAAQ,IAAA,CAAK,IAAA,CAAK,KAAA,GAAQ,IAAA,EAAM,UAAU,CAAA;AAAA,EAC5C;AACA,EAAA,OAAO,IAAI,IAAA,KAAS,CAAA,EAAG,SAAS,EAAE,CAAA,CAAE,SAAS,CAAA,EAAG,GAAG,CAAC,CAAA,EAAA,CAAI,KAAA,KAAU,GAC/D,QAAA,CAAS,EAAE,EACX,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AACrB;AAMO,SAAS,yBAAA,CACd,UACA,OAAA,EACe;AACf,EAAA,MAAM,MAAA,GAAS,oBAAA,CAAqB,QAAA,CAAS,IAAI,CAAA;AACjD,EAAA,MAAM,kBAAkB,uBAAA,CAAwB,GAAA,CAAI,QAAQ,CAAA,wBAAS,GAAA,EAAY;AACjF,EAAA,IAAI,eAAA,CAAgB,GAAA,CAAI,MAAM,CAAA,EAAG,OAAO,IAAA;AACxC,EAAA,eAAA,CAAgB,IAAI,MAAM,CAAA;AAC1B,EAAA,uBAAA,CAAwB,GAAA,CAAI,UAAU,eAAe,CAAA;AAErD,EAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,QAAA,CAAS,IAAI,CAAA;AACjC,EAAA,MAAM,aAAA,GAAgB,IAAI,YAAA,CAAa,GAAA,CAAI,OAAO,CAAA,IAAK,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,YAAY,CAAA;AACxF,EAAA,MAAM,QAAA,GAAW,IAAI,eAAA,CAAgB,GAAA,CAAI,KAAK,UAAA,CAAW,GAAG,CAAA,GAAI,GAAA,CAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,IAAI,IAAI,CAAA;AAC5F,EAAA,MAAM,aAAA,GAAgB,QAAA,CAAS,GAAA,CAAI,OAAO,CAAA;AAC1C,EAAA,MAAM,kBAAkB,QAAA,CAAS,IAAA,KAAS,CAAA,IAAK,QAAA,CAAS,IAAI,OAAO,CAAA;AACnE,EAAA,MAAM,aAAA,GAAgB,aAAA,IAAiB,GAAA,CAAI,IAAA,KAAS,EAAA;AAEpD,EAAA,GAAA,CAAI,YAAA,CAAa,OAAO,OAAO,CAAA;AAC/B,EAAA,GAAA,CAAI,YAAA,CAAa,OAAO,YAAY,CAAA;AACpC,EAAA,GAAA,CAAI,IAAA,GAAO,EAAA;AACX,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAA,CAAQ,YAAA,CAAa,OAAA,CAAQ,KAAA,EAAO,EAAA,EAAI,CAAA,EAAG,IAAI,QAAQ,CAAA,EAAG,GAAA,CAAI,MAAM,CAAA,CAAE,CAAA;AAAA,EACxE;AAEA,EAAA,IAAI,aAAA,IAAiB,CAAC,eAAA,IAAmB,aAAA,KAAkB,MAAM,OAAO,IAAA;AACxE,EAAA,OAAO,WAAA,CAAY,IAAA,CAAK,aAAa,CAAA,GAAI,aAAA,GAAgB,IAAA;AAC3D","file":"chunk-WG7HYVHJ.js","sourcesContent":["export interface OfferTokenLocation {\n  readonly href: string\n}\n\nexport interface OfferTokenHistory {\n  readonly state: unknown\n  replaceState(data: unknown, unused: string, url?: string | URL | null): void\n}\n\nconst CLAIM_TOKEN = /^[A-Za-z0-9_-]{43}$/u\nconst consumedLocationMarkers = new WeakMap<object, Set<string>>()\n\n/** Lossy marker for replay detection. It never retains or reproduces the capability-bearing href. */\nexport function offerTokenHrefMarker(href: string): string {\n  let left = 0x811c9dc5\n  let right = 0x85ebca6b\n  for (let index = 0; index < href.length; index += 1) {\n    const code = href.charCodeAt(index)\n    left = Math.imul(left ^ code, 0x01000193)\n    right = Math.imul(right ^ code, 0xc2b2ae35)\n  }\n  return `${(left >>> 0).toString(16).padStart(8, '0')}${(right >>> 0)\n    .toString(16)\n    .padStart(8, '0')}`\n}\n\n/**\n * Consumes an offer capability from the fragment and removes capability-bearing URL state before\n * the caller can issue a request. Query-string capabilities are sanitized but never accepted.\n */\nexport function consumeOfferTokenFragment(\n  location: OfferTokenLocation,\n  history: OfferTokenHistory,\n): string | null {\n  const marker = offerTokenHrefMarker(location.href)\n  const consumedMarkers = consumedLocationMarkers.get(location) ?? new Set<string>()\n  if (consumedMarkers.has(marker)) return null\n  consumedMarkers.add(marker)\n  consumedLocationMarkers.set(location, consumedMarkers)\n\n  const url = new URL(location.href)\n  const queryHasToken = url.searchParams.has('token') || url.searchParams.has('claimToken')\n  const fragment = new URLSearchParams(url.hash.startsWith('#') ? url.hash.slice(1) : url.hash)\n  const fragmentToken = fragment.get('token')\n  const fragmentIsExact = fragment.size === 1 && fragment.has('token')\n  const shouldReplace = queryHasToken || url.hash !== ''\n\n  url.searchParams.delete('token')\n  url.searchParams.delete('claimToken')\n  url.hash = ''\n  if (shouldReplace) {\n    history.replaceState(history.state, '', `${url.pathname}${url.search}`)\n  }\n\n  if (queryHasToken || !fragmentIsExact || fragmentToken === null) return null\n  return CLAIM_TOKEN.test(fragmentToken) ? fragmentToken : null\n}\n"]}

package/dist/{client-D9YYA2w6.d.ts → client-D51WdvYR.d.ts}

@@ -1,9 +1,13 @@
+import { S as StorefrontHeadersInit } from './http-types-CGh8WGHB.js';
+
 interface CacheStrategy {
     readonly mode: 'none' | 'short' | 'long' | 'custom';
     /** seconds the value is considered fresh */
     readonly maxAge: number;
     /** extra seconds the stale value may be served while revalidating */
     readonly staleWhileRevalidate: number;
+    /** extra seconds the last value may be served only when revalidation fails */
+    readonly staleIfError?: number;
 }
 declare const CacheNone: () => CacheStrategy;
 declare const CacheShort: (o?: Partial<Omit<CacheStrategy, "mode">>) => CacheStrategy;
@@ -13,8 +17,32 @@ declare const CacheCustom: (s: Omit<CacheStrategy, "mode">) => CacheStrategy;
 declare const StorefrontDefaultCache: () => CacheStrategy;
 declare function generateCacheControlHeader(strategy: CacheStrategy): string;
 interface KotaoCache {
-    run<T>(key: string, strategy: CacheStrategy, fn: () => Promise<T>): Promise<T>;
-    readonly raw: Cache;
+    run<T>(key: string, strategy: CacheStrategy, fn: () => Promise<T>, onStaleIfError?: (fallback: StaleIfErrorFallback) => void): Promise<T>;
+    readonly raw: StorefrontCacheInput;
+}
+type StorefrontCacheRequest = Request | string | URL;
+interface StorefrontCacheQueryOptions {
+    readonly cacheName?: string;
+    readonly ignoreMethod?: boolean;
+    readonly ignoreSearch?: boolean;
+    readonly ignoreVary?: boolean;
+}
+/** Worker-compatible Cache input required by the storefront cache implementation. */
+interface StorefrontCacheInput {
+    delete(request: StorefrontCacheRequest, options?: StorefrontCacheQueryOptions): Promise<boolean>;
+    match(request: StorefrontCacheRequest, options?: StorefrontCacheQueryOptions): Promise<Response | undefined>;
+    put(request: StorefrontCacheRequest, response: Response): Promise<void>;
+}
+/** Full standard Cache surface retained by the public storefront client. */
+interface StorefrontCache extends StorefrontCacheInput {
+    add(request: StorefrontCacheRequest): Promise<void>;
+    addAll(requests: StorefrontCacheRequest[]): Promise<void>;
+    keys(request?: StorefrontCacheRequest, options?: StorefrontCacheQueryOptions): Promise<readonly Request[]>;
+    matchAll(request?: StorefrontCacheRequest, options?: StorefrontCacheQueryOptions): Promise<readonly Response[]>;
+}
+interface StaleIfErrorFallback {
+    readonly ageSeconds: number;
+    readonly error: unknown;
 }
 /**
  * Stale-while-revalidate cache over an injected Cache (WFP untrusted mode disables
@@ -23,7 +51,7 @@ interface KotaoCache {
  * cross-request age is ever compared, which `Date.now()` reports correctly.
  */
 declare function createCache(opts: {
-    cache: Cache;
+    cache: StorefrontCacheInput;
     waitUntil: (p: Promise<unknown>) => void;
     now?: () => number;
 }): KotaoCache;
@@ -32,6 +60,22 @@ interface StorefrontQueryOptions {
     variables?: Record<string, unknown>;
     cache?: CacheStrategy;
     storefrontApiVersion?: string;
+    /** Per-read upstream budget in milliseconds. Defaults to the client's 5,000 ms budget. */
+    timeoutMs?: number;
+}
+declare class StorefrontQueryTimeoutError extends Error {
+    readonly operationName: string;
+    readonly timeoutMs: number;
+    constructor(operationName: string, timeoutMs: number);
+}
+declare class StorefrontUpstreamError extends Error {
+    readonly operationName: string;
+    readonly status: number | undefined;
+    readonly cause: unknown;
+    constructor(operationName: string, message: string, options?: {
+        status?: number;
+        cause?: unknown;
+    });
 }
 interface StorefrontLooseConnection<T = any> {
     readonly nodes: T[];
@@ -87,7 +131,7 @@ interface StorefrontClient {
     CacheShort: typeof CacheShort;
     CacheLong: typeof CacheLong;
     CacheCustom: typeof CacheCustom;
-    readonly cache: Cache;
+    readonly cache: StorefrontCache;
     readonly i18n: StorefrontI18n;
 }
 type Storefront<I18n = unknown> = StorefrontClient & {
@@ -111,6 +155,8 @@ interface StorefrontClientOptions {
     cache: KotaoCache;
     fetch?: typeof fetch | undefined;
     defaultStrategy?: CacheStrategy | undefined;
+    /** Default budget for each independent read query. Mutations are intentionally excluded. */
+    queryTimeoutMs?: number | undefined;
     /**
      * Pre-signed `x-kotao-shop` / `x-kotao-shop-signature` header pair, merged into every request.
      * In production the Gateway signs the shop-context; in local dev (no Gateway) the theme dev
@@ -121,7 +167,7 @@ interface StorefrontClientOptions {
      * Additional server request headers to forward to direct Storefront API calls. Used by
      * Hydrogen-compatible server adapters for `storefrontHeaders`.
      */
-    extraHeaders?: HeadersInit | undefined;
+    extraHeaders?: StorefrontHeadersInit | undefined;
     /**
      * BCP 47 locale tag derived from the localization cookie (e.g. `'nl'`, `'es'`, `'de-de'`).
      * When set, `x-kotao-locale` is added to every request so storefront-api can overlay
@@ -136,17 +182,18 @@ interface StorefrontClientOptions {
     i18n?: Partial<StorefrontI18n> | undefined;
 }
 interface HydrogenStorefrontClientOptions<I18n extends object = StorefrontI18n> {
-    cache: Cache;
+    cache: StorefrontCacheInput;
     waitUntil: (promise: Promise<unknown>) => void;
     i18n?: I18n | undefined;
     publicStorefrontToken: string;
     privateStorefrontToken?: string | undefined;
     storeDomain: string;
     storefrontId?: string | undefined;
-    storefrontHeaders?: HeadersInit | undefined;
+    storefrontHeaders?: StorefrontHeadersInit | undefined;
     storefrontApiVersion?: string | undefined;
     fetch?: typeof fetch | undefined;
     defaultStrategy?: CacheStrategy | undefined;
+    queryTimeoutMs?: number | undefined;
 }
 /**
  * Typed GraphQL client mirroring Hydrogen's `createStorefrontClient`. Queries are SWR-cached
@@ -156,4 +203,4 @@ interface HydrogenStorefrontClientOptions<I18n extends object = StorefrontI18n>
 declare function createStorefrontClient(opts: StorefrontClientOptions): StorefrontClientResult;
 declare function createStorefrontClient<I18n extends object = StorefrontI18n>(opts: HydrogenStorefrontClientOptions<I18n>): StorefrontClientResult<StorefrontI18n & I18n>;
 
-export { type CacheStrategy as C, type HydrogenStorefrontClientOptions as H, type KotaoCache as K, type StorefrontClient as S, CacheCustom as a, CacheLong as b, CacheNone as c, CacheShort as d, type Storefront as e, type StorefrontAuthHeader as f, type StorefrontClientOptions as g, type StorefrontClientResult as h, StorefrontDefaultCache as i, type StorefrontQueryOptions as j, createCache as k, createStorefrontClient as l, generateCacheControlHeader as m };
+export { type CacheStrategy as C, type HydrogenStorefrontClientOptions as H, type KotaoCache as K, type StorefrontClient as S, type StorefrontAuthHeader as a, type StorefrontCacheInput as b, CacheCustom as c, CacheLong as d, CacheNone as e, CacheShort as f, type StaleIfErrorFallback as g, type Storefront as h, type StorefrontCache as i, type StorefrontCacheQueryOptions as j, type StorefrontCacheRequest as k, type StorefrontClientOptions as l, type StorefrontClientResult as m, StorefrontDefaultCache as n, type StorefrontQueryOptions as o, StorefrontQueryTimeoutError as p, StorefrontUpstreamError as q, createCache as r, createStorefrontClient as s, generateCacheControlHeader as t };

package/dist/client-bsiNPHBi.d.ts

@@ -0,0 +1,159 @@
+import { F as FormVersionSchema } from './types-CSNXbGFW.js';
+import { S as StorefrontHeadersInit } from './http-types-CGh8WGHB.js';
+
+type EventRegistrationMode = 'instant' | 'approval_then_payment' | 'waitlist_only';
+interface PublicEventVenue {
+    readonly name?: string | undefined;
+    readonly addressLine1?: string | undefined;
+    readonly addressLine2?: string | undefined;
+    readonly postalCode?: string | undefined;
+    readonly city?: string | undefined;
+    readonly countryCode?: string | undefined;
+    readonly notes?: string | undefined;
+}
+interface PublicEventForm {
+    readonly definitionId: string;
+    readonly versionId: string;
+    readonly title: string;
+    readonly schema: FormVersionSchema;
+}
+interface PublicEventTicketType {
+    readonly id: string;
+    readonly title: string;
+    readonly description: string | null;
+    readonly price: number;
+    readonly currency: string;
+    readonly availability: 'unlimited' | 'limited';
+    readonly available: number | null;
+    readonly minPerOrder: number;
+    readonly maxPerOrder: number;
+    readonly admissionMode: 'ticketed' | 'registration_only';
+    readonly salesState: 'upcoming' | 'on_sale' | 'paused' | 'sold_out' | 'ended';
+    readonly buyerForm: PublicEventForm | null;
+    readonly participantForm: PublicEventForm | null;
+}
+interface PublicEventOccurrence {
+    readonly id: string;
+    readonly startsAt: string;
+    readonly endsAt: string;
+    readonly timezone: string;
+    readonly venue: PublicEventVenue;
+    readonly ticketTypes: readonly PublicEventTicketType[];
+}
+interface PublicEvent {
+    readonly id: string;
+    readonly handle: string;
+    readonly title: string;
+    readonly description: string | null;
+    readonly registrationMode: EventRegistrationMode;
+    readonly venue: PublicEventVenue;
+    readonly occurrences: readonly PublicEventOccurrence[];
+}
+type EventFormAnswer = string | number | boolean | string[] | Record<string, string>;
+interface EventFormSubmissionInput {
+    readonly versionId: string;
+    readonly answers: Readonly<Record<string, EventFormAnswer>>;
+}
+interface CreateEventCheckoutSession {
+    readonly ticketTypeId: string;
+    readonly quantity: number;
+    readonly cartToken: string;
+    readonly locale: string;
+    readonly buyer?: EventFormSubmissionInput;
+    readonly participants?: readonly EventFormSubmissionInput[];
+    readonly waitlistOffer?: {
+        readonly offerId: string;
+        readonly claimToken: string;
+    };
+}
+interface EventCheckoutSession {
+    readonly id: string;
+    readonly ticketTypeId: string;
+    readonly occurrenceId: string;
+    readonly quantity: number;
+    readonly state: 'draft' | 'ready' | 'cart_linked' | 'order_pending' | 'converted' | 'expired' | 'cancelled';
+    readonly expiresAt: string;
+    readonly createdAt: string;
+    readonly updatedAt: string;
+}
+interface CreateEventApprovalRequest {
+    readonly ticketTypeId: string;
+    readonly quantity: number;
+    readonly contactEmail: string;
+    readonly locale: string;
+    readonly buyer?: EventFormSubmissionInput;
+    readonly participants?: readonly EventFormSubmissionInput[];
+}
+interface EventApprovalRequestReceipt {
+    readonly id: string;
+    readonly state: 'awaiting_approval';
+}
+interface EventApprovalOfferResolution {
+    readonly offerId: string;
+    readonly state: 'active' | 'claimed';
+    readonly eventTitle: string;
+    readonly occurrenceStartsAt: string;
+    readonly ticketTypeTitle: string;
+    readonly quantity: number;
+    readonly expiresAt: string;
+}
+interface ClaimEventApprovalOffer {
+    readonly claimToken: string;
+    readonly cartToken: string;
+    readonly locale: string;
+}
+interface CreateEventWaitlistEntry {
+    readonly ticketTypeId: string;
+    readonly quantity: number;
+    readonly email: string;
+}
+interface EventWaitlistReceipt {
+    readonly id: string;
+    readonly state: 'waitlisted';
+}
+type EventRegistrationSubmission = {
+    readonly registrationMode: 'instant';
+    readonly handle: string;
+    readonly input: CreateEventCheckoutSession;
+    readonly idempotencyKey: string;
+} | {
+    readonly registrationMode: 'approval_then_payment';
+    readonly handle: string;
+    readonly input: CreateEventApprovalRequest;
+    readonly idempotencyKey: string;
+} | {
+    readonly registrationMode: 'waitlist_only';
+    readonly handle: string;
+    readonly input: CreateEventWaitlistEntry;
+};
+type EventRegistrationResult = {
+    readonly kind: 'checkout';
+    readonly checkoutSession: EventCheckoutSession;
+} | {
+    readonly kind: 'approval';
+    readonly receipt: EventApprovalRequestReceipt;
+} | {
+    readonly kind: 'waitlist';
+    readonly receipt: EventWaitlistReceipt;
+};
+
+interface EventsClient {
+    getEvent(handle: string): Promise<PublicEvent>;
+    createCheckoutSession(handle: string, input: CreateEventCheckoutSession, idempotencyKey: string): Promise<EventCheckoutSession>;
+    submitApplication(handle: string, input: CreateEventApprovalRequest, idempotencyKey: string): Promise<EventApprovalRequestReceipt>;
+    joinWaitlist(handle: string, input: CreateEventWaitlistEntry): Promise<EventWaitlistReceipt>;
+    submitRegistration(input: EventRegistrationSubmission): Promise<EventRegistrationResult>;
+    resolveOffer(offerId: string, claimToken: string, idempotencyKey?: string): Promise<EventApprovalOfferResolution>;
+    claimOffer(offerId: string, input: ClaimEventApprovalOffer, idempotencyKey: string): Promise<EventCheckoutSession>;
+}
+declare class StorefrontEventsRequestError extends Error {
+    readonly status: number;
+    constructor(status: number);
+}
+declare function createEventsClient(input: {
+    readonly baseUrl: string;
+    readonly fetch: typeof globalThis.fetch;
+    readonly defaultHeaders?: StorefrontHeadersInit;
+}): EventsClient;
+
+export { type ClaimEventApprovalOffer as C, type EventsClient as E, type PublicEvent as P, StorefrontEventsRequestError as S, type EventCheckoutSession as a, type EventApprovalOfferResolution as b, type EventRegistrationSubmission as c, type CreateEventApprovalRequest as d, type CreateEventCheckoutSession as e, type CreateEventWaitlistEntry as f, type EventApprovalRequestReceipt as g, type EventFormAnswer as h, type EventFormSubmissionInput as i, type EventRegistrationMode as j, type EventRegistrationResult as k, type EventWaitlistReceipt as l, type PublicEventForm as m, type PublicEventOccurrence as n, type PublicEventTicketType as o, type PublicEventVenue as p, createEventsClient as q };