@salla.sa/twilight-theme-engine 1.0.0-beta.4

package/dist/WishlistPage-7ZZYHBSZ.js

@@ -0,0 +1,144 @@
+import { wishlist } from './chunk-O2UOV5RK.js';
+import { useMoney } from './chunk-GLM3RPCP.js';
+import './chunk-QTDGM2SO.js';
+import './chunk-5Q6PFLDN.js';
+import { useLocation } from './chunk-GO34DE35.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-LBUMC5PB.js';
+import './chunk-MTONGOJD.js';
+import './chunk-2FU6CVSB.js';
+import './chunk-I5Z4NJBB.js';
+import './chunk-TCSNNCRH.js';
+import './chunk-2TB2LTL2.js';
+import './chunk-QYL5OHAV.js';
+import './chunk-KIPZQN3Y.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-SSRNIBVV.js';
+import './chunk-GN34LCTG.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import { useWishlist } from './chunk-GBWCXUPD.js';
+import './chunk-UIX3W2PN.js';
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RYBA3JDM.js';
+import { HookSlot } from './chunk-25SSLQAJ.js';
+import './chunk-J37AYLWL.js';
+import { LazyNoContent, Image } from './chunk-2KF5JJU6.js';
+import './chunk-TZ4YD5CU.js';
+import './chunk-XUI3TRXF.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-UE3BUFZI.js';
+import './chunk-3DCZJDDK.js';
+import './chunk-3UHSMGPY.js';
+import './chunk-MXQCE3KA.js';
+import './chunk-BWFBVXT3.js';
+import './chunk-DGUM43GV.js';
+import { useRef } from 'react';
+import { ItemsList } from '@salla.sa/twilight-components-react';
+import { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function WishlistCard({ product: prod }) {
+  const { remove } = useWishlist();
+  const { format } = useMoney();
+  const handleRemove = () => {
+    if (prod.id) {
+      remove(Number(prod.id));
+    }
+  };
+  const displayPrice = prod.sale_price ?? prod.price;
+  const regularPrice = prod.regular_price;
+  return /* @__PURE__ */ jsxs("div", { id: `wishlist-product-${prod.id}`, className: "product-entry product-entry--wishlist", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-4 sm:mb-0", children: [
+      /* @__PURE__ */ jsx("a", { href: prod.url, className: "product-entry__image", children: /* @__PURE__ */ jsx(
+        Image,
+        {
+          className: "object-cover w-full h-full",
+          src: prod.image?.url,
+          alt: prod.image?.alt ?? prod.name,
+          aspectRatio: "1/1"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 rtl:pr-5 ltr:pl-5", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm text-gray-800 leading-6 mb-1.5 rtl:pl-5 ltr:pr-5 rtl:md:pl-8 ltr:md:pr-8 line-clamp-1", children: /* @__PURE__ */ jsx("a", { href: prod.url, children: prod.name }) }),
+        /* @__PURE__ */ jsx("div", { className: "w-full center-between", children: prod.is_on_sale && regularPrice ? /* @__PURE__ */ jsxs("div", { className: "space-x-1 rtl:space-x-reverse", children: [
+          /* @__PURE__ */ jsx("h4", { className: "inline-block text-sm font-bold text-red-400", children: format(displayPrice) }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500 line-through", children: format(regularPrice) })
+        ] }) : /* @__PURE__ */ jsx("h4", { className: "text-sm font-bold", children: format(displayPrice) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4 rtl:space-x-reverse", children: [
+      /* @__PURE__ */ jsx(
+        SallaAddProductButton,
+        {
+          productStatus: prod.status,
+          productId: prod.id,
+          productType: prod.type,
+          loaderPosition: "center",
+          fill: "outline",
+          className: "flex-grow w-full sm:grow-0 md:w-40"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SallaButton,
+        {
+          loaderPosition: "center",
+          shape: "icon",
+          size: "small",
+          color: "danger",
+          className: "btn--delete",
+          onClick: handleRemove,
+          children: /* @__PURE__ */ jsx("i", { className: "sicon-cancel" })
+        }
+      )
+    ] })
+  ] });
+}
+function WishlistPage({ query, products, pagination }) {
+  const { t } = useTranslation();
+  const { pathname, searchStr } = useLocation();
+  const nextPageRef = useRef(query.page + 1);
+  const loader = async () => {
+    const pageToLoad = nextPageRef.current;
+    const result = await wishlist.list({ page: pageToLoad });
+    nextPageRef.current = pageToLoad + 1;
+    return {
+      items: result.items,
+      next: result.next
+    };
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", id: "wishlist", children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:wishlist.items.start" }),
+    /* @__PURE__ */ jsx(
+      ItemsList,
+      {
+        items: products,
+        loader,
+        mode: pagination?.next ? "infinite" : "static",
+        pageUrl: pathname + searchStr,
+        className: "s-products-list",
+        itemsClassName: "s-products-list-wrapper s-products-list-row-cards",
+        empty: /* @__PURE__ */ jsx("div", { className: "text-center py-16", children: /* @__PURE__ */ jsx(
+          LazyNoContent,
+          {
+            icon: "sicon-heart",
+            message: t("common.errors.no_wishlist", "You don't have any wishes"),
+            actionLabel: t("pages.offer.continue_shopping", "Continue shopping"),
+            actionUrl: "/"
+          }
+        ) }),
+        t: (key, fallback) => t(key, fallback || key),
+        children: (items) => items.map((prod) => /* @__PURE__ */ jsx(WishlistCard, { product: prod }, prod.id))
+      }
+    ),
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:wishlist.items.end" })
+  ] });
+}
+
+export { WishlistPage };
+//# sourceMappingURL=WishlistPage-7ZZYHBSZ.js.map
+//# sourceMappingURL=WishlistPage-7ZZYHBSZ.js.map

package/dist/WishlistPage-7ZZYHBSZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/account/wishlist/WishlistPage.tsx"],"names":[],"mappings":"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","file":"WishlistPage-7ZZYHBSZ.js","sourcesContent":["import { useRef } from 'react';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { wishlist } from '../../../api/wishlist';\nimport type { Product } from '../../../types';\nimport { HookSlot, useWishlist, useMoney } from '../../../hooks';\nimport { useTranslation } from '../../../providers/i18n';\nimport type { WishlistPageProps } from './types';\nimport { NoContent, Image } from '../../../components/common';\nimport { useLocation } from '../../../providers/NavigationProvider';\n\nfunction WishlistCard({ product: prod }: { product: Product }) {\n  const { remove } = useWishlist();\n  const { format } = useMoney();\n\n  const handleRemove = () => {\n    if (prod.id) {\n      remove(Number(prod.id));\n    }\n  };\n\n  const displayPrice = prod.sale_price ?? prod.price;\n  const regularPrice = prod.regular_price;\n\n  return (\n    <div id={`wishlist-product-${prod.id}`} className=\"product-entry product-entry--wishlist\">\n      <div className=\"flex items-center mb-4 sm:mb-0\">\n        <a href={prod.url} className=\"product-entry__image\">\n          <Image\n            className=\"object-cover w-full h-full\"\n            src={prod.image?.url}\n            alt={prod.image?.alt ?? prod.name}\n            aspectRatio=\"1/1\"\n          />\n        </a>\n        <div className=\"flex-1 rtl:pr-5 ltr:pl-5\">\n          <h3 className=\"text-sm text-gray-800 leading-6 mb-1.5 rtl:pl-5 ltr:pr-5 rtl:md:pl-8 ltr:md:pr-8 line-clamp-1\">\n            <a href={prod.url}>{prod.name}</a>\n          </h3>\n          <div className=\"w-full center-between\">\n            {prod.is_on_sale && regularPrice ? (\n              <div className=\"space-x-1 rtl:space-x-reverse\">\n                <h4 className=\"inline-block text-sm font-bold text-red-400\">\n                  {format(displayPrice)}\n                </h4>\n                <span className=\"text-sm text-gray-500 line-through\">{format(regularPrice)}</span>\n              </div>\n            ) : (\n              <h4 className=\"text-sm font-bold\">{format(displayPrice)}</h4>\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"flex items-center space-x-4 rtl:space-x-reverse\">\n        <SallaAddProductButton\n          productStatus={prod.status}\n          productId={prod.id}\n          productType={prod.type}\n          loaderPosition=\"center\"\n          fill=\"outline\"\n          className=\"flex-grow w-full sm:grow-0 md:w-40\"\n        />\n        <SallaButton\n          loaderPosition=\"center\"\n          shape=\"icon\"\n          size=\"small\"\n          color=\"danger\"\n          className=\"btn--delete\"\n          onClick={handleRemove}\n        >\n          <i className=\"sicon-cancel\" />\n        </SallaButton>\n      </div>\n    </div>\n  );\n}\n\nexport function WishlistPage({ query, products, pagination }: WishlistPageProps) {\n  const { t } = useTranslation();\n  const { pathname, searchStr } = useLocation();\n\n  // Track the next page to load (starts at page 2 since page 1 is SSR)\n  const nextPageRef = useRef(query.page + 1);\n\n  const loader = async () => {\n    const pageToLoad = nextPageRef.current;\n    const result = await wishlist.list({ page: pageToLoad });\n\n    nextPageRef.current = pageToLoad + 1;\n\n    return {\n      items: result.items,\n      next: result.next,\n    };\n  };\n\n  return (\n    <div className=\"space-y-5\" id=\"wishlist\">\n      <HookSlot name=\"customer:wishlist.items.start\" />\n      <ItemsList<Product>\n        items={products}\n        loader={loader}\n        mode={pagination?.next ? 'infinite' : 'static'}\n        pageUrl={pathname + searchStr}\n        className=\"s-products-list\"\n        itemsClassName=\"s-products-list-wrapper s-products-list-row-cards\"\n        empty={\n          <div className=\"text-center py-16\">\n            <NoContent\n              icon=\"sicon-heart\"\n              message={t('common.errors.no_wishlist', \"You don't have any wishes\")}\n              actionLabel={t('pages.offer.continue_shopping', 'Continue shopping')}\n              actionUrl=\"/\"\n            />\n          </div>\n        }\n        t={(key, fallback) => t(key, fallback || key)}\n      >\n        {(items) => items.map((prod) => <WishlistCard key={prod.id} product={prod} />)}\n      </ItemsList>\n      <HookSlot name=\"customer:wishlist.items.end\" />\n    </div>\n  );\n}\n"]}

package/dist/ambient/salla-components.d.ts

@@ -0,0 +1,312 @@
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+type SallaElementProps<T = unknown> = DetailedHTMLProps<
+  HTMLAttributes<HTMLElement> & T,
+  HTMLElement
+>;
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'salla-menu': SallaElementProps<{
+        source?: string;
+        topnav?: boolean;
+      }>;
+      'salla-localization-modal': SallaElementProps<{
+        language?: string;
+        currency?: string;
+      }>;
+      'salla-search': SallaElementProps<{
+        inline?: boolean;
+        oval?: boolean;
+        height?: string;
+      }>;
+      'salla-contacts': SallaElementProps<{
+        'is-header'?: boolean;
+        contacts?: {
+          whatsapp?: string;
+          mobile?: string;
+          phone?: string;
+          email?: string;
+          telegram?: string;
+        };
+        'contacts-title'?: string;
+        'hide-title'?: boolean;
+        horizontal?: boolean;
+        'icons-only'?: boolean;
+        'slot-template'?: string;
+      }>;
+      'salla-user-menu': SallaElementProps<{
+        'avatar-only'?: boolean;
+        'show-header'?: boolean;
+        inline?: boolean;
+      }>;
+      'salla-cart-summary': SallaElementProps;
+      'salla-social': SallaElementProps;
+      'salla-trust-badges': SallaElementProps<{
+        dark?: boolean;
+      }>;
+      'salla-apps-icons': SallaElementProps<{
+        apps?: {
+          appstore?: string;
+          googleplay?: string;
+        };
+        'apps-title'?: string;
+        'hide-title'?: boolean;
+        vertical?: boolean;
+        'slot-template'?: string;
+      }>;
+      'salla-payments': SallaElementProps;
+      'salla-add-product-toast': SallaElementProps;
+      'salla-alert': SallaElementProps<{
+        message?: string;
+        variant?: 'info' | 'success' | 'warning' | 'danger';
+      }>;
+      'salla-offer-modal': SallaElementProps;
+      'salla-login-modal': SallaElementProps<{
+        'is-email-allowed'?: boolean;
+        'is-mobile-allowed'?: boolean;
+        'is-email-required'?: boolean;
+        'support-web-auth'?: boolean;
+        inline?: boolean;
+      }>;
+      'salla-scopes': SallaElementProps<{
+        selection?: 'mandatory' | 'optional';
+      }>;
+      'salla-products-slider': SallaElementProps<{
+        source?: string;
+        'source-value'?: string;
+        'block-title'?: string;
+        'display-all-url'?: string | boolean;
+        'slider-id'?: string;
+        limit?: number;
+      }>;
+      'salla-products-list': SallaElementProps<{
+        source?: string;
+        'source-value'?: string;
+        'row-cards'?: boolean;
+        'product-card-component'?: string;
+        'sort-by'?: string;
+        limit?: number;
+        /**
+         * Maps to the Stencil `filtersResults` prop (camelCase → kebab `filters-results`).
+         * When present/true the component listens to `salla-filters::changed` events.
+         * Replaces the old incorrect `filters?: string` typing.
+         */
+        'filters-results'?: boolean;
+      }>;
+      'salla-slider': SallaElementProps<{
+        type?: string;
+        loop?: string;
+        'auto-height'?: boolean;
+        'auto-play'?: boolean;
+        pagination?: boolean;
+        'show-controls'?: string;
+        'block-title'?: string;
+        'listen-to-thumbnails-option'?: boolean;
+        'show-thumbs-controls'?: string;
+        centered?: boolean;
+        'slides-per-view'?: string;
+        controls?: string;
+        'controls-outer'?: boolean;
+        id?: string;
+      }>;
+      'salla-button': SallaElementProps<{
+        shape?: string;
+        fill?: string;
+        color?: string;
+        size?: string;
+        type?: string;
+        width?: string;
+        href?: string;
+        'loader-position'?: string;
+        disabled?: boolean;
+      }>;
+      'salla-rating-stars': SallaElementProps<{
+        value?: number | string;
+        reviews?: number;
+        'with-label'?: boolean;
+        size?: string;
+      }>;
+      'salla-social-share': SallaElementProps;
+      'salla-installment': SallaElementProps<{
+        price?: number | string;
+      }>;
+      'salla-metadata': SallaElementProps;
+      'salla-quantity-input': SallaElementProps<{
+        max?: number;
+        value?: string | number;
+        name?: string;
+        'cart-item-id'?: number | string;
+      }>;
+      'salla-add-product-button': SallaElementProps<{
+        'quick-buy'?: boolean;
+        'support-sticky-bar'?: boolean;
+        'required-shipping'?: boolean;
+        'has-pre-order'?: boolean;
+        amount?: number;
+        'product-status'?: string;
+        'product-type'?: string;
+        'product-id'?: number;
+        'loader-position'?: string;
+        type?: string;
+        width?: string;
+        fill?: string;
+        'is-subscribed'?: boolean;
+        channels?: string;
+        'subscribed-options'?: string;
+        'notify-options-availability'?: boolean;
+      }>;
+      'salla-count-down': SallaElementProps<{
+        date?: string;
+        'pre-order'?: string;
+        boxed?: boolean;
+        labeled?: boolean;
+        size?: string;
+      }>;
+      'salla-gifting': SallaElementProps<{
+        'widget-title'?: string;
+        'widget-subtitle'?: string;
+        'product-id'?: number;
+        'physical-products'?: boolean;
+        vertical?: boolean;
+      }>;
+      'salla-quick-order': SallaElementProps;
+      'salla-offer': SallaElementProps;
+      'salla-comments': SallaElementProps<{
+        'item-id'?: number | string;
+        type?: string;
+        testimonials?: boolean;
+        'sort-by'?: string;
+      }>;
+      'salla-conditional-offer': SallaElementProps;
+      'salla-cart-item-offers': SallaElementProps<{
+        quantity?: number;
+        'item-id'?: number | string;
+        'product-price'?: number;
+        offers?: string;
+      }>;
+      'salla-loyalty': SallaElementProps<{
+        'customer-points'?: number;
+        'prize-points'?: number;
+        'prize-title'?: string;
+      }>;
+      'salla-tiered-offer': SallaElementProps;
+      'salla-modal': SallaElementProps<{
+        width?: string;
+        'sub-title-first'?: boolean;
+        'sub-title'?: string;
+        'modal-title'?: string;
+        icon?: string;
+        'icon-style'?: string;
+      }>;
+      'salla-filters': SallaElementProps;
+      'salla-product-card': SallaElementProps<{
+        'product-id'?: number;
+      }>;
+      'salla-infinite-scroll': SallaElementProps<{
+        'next-page'?: string;
+        autoload?: boolean;
+      }>;
+      'custom-main-menu': SallaElementProps;
+      'model-viewer': SallaElementProps<{
+        loading?: string;
+        'camera-controls'?: boolean;
+        'touch-action'?: string;
+        'auto-rotate'?: boolean;
+        poster?: string;
+        src?: string;
+        'shadow-intensity'?: string;
+        alt?: string;
+      }>;
+      'digital-files-settings': SallaElementProps<{
+        settings?: string;
+      }>;
+      // Customer routes components
+      'salla-wallet': SallaElementProps;
+      'salla-notifications': SallaElementProps;
+      'salla-orders': SallaElementProps;
+      'salla-order-details': SallaElementProps<{
+        'order-details'?: string;
+      }>;
+      'salla-order-totals-card': SallaElementProps<{
+        order?: string;
+      }>;
+      'salla-verify': SallaElementProps;
+      'salla-user-settings': SallaElementProps<{
+        'is-notifiable'?: boolean;
+      }>;
+      'salla-datetime-picker': SallaElementProps<{
+        dateFormat?: string;
+        value?: string;
+        placeholder?: string;
+        required?: boolean;
+        name?: string;
+      }>;
+      'salla-tel-input': SallaElementProps<{
+        phone?: string;
+      }>;
+      'salla-file-upload': SallaElementProps<{
+        'instant-upload'?: boolean;
+        value?: string;
+        url?: string;
+        name?: string;
+        'payload-name'?: string;
+        height?: string;
+        accept?: string;
+        files?: string;
+        'cart-item-id'?: number | string;
+      }>;
+      'salla-product-options': SallaElementProps<{
+        options?: string;
+        'product-id'?: number;
+      }>;
+      'salla-multiple-bundle-product': SallaElementProps<{
+        'bundle-sections'?: string;
+      }>;
+      'salla-product-size-guide': SallaElementProps;
+      'salla-rating-modal': SallaElementProps;
+      // Landing page components
+      'salla-mini-checkout-widget': SallaElementProps<{
+        products?: string;
+        language?: string;
+        label?: string;
+        'store-id'?: string;
+        api?: string;
+      }>;
+      'salla-store-features': SallaElementProps;
+      'salla-testimonials': SallaElementProps<{
+        type?: string;
+      }>;
+      'salla-reviews': SallaElementProps<{
+        type?: string;
+        limit?: number;
+        sort?: string;
+        'hide-customer-info'?: boolean;
+        'display-all-link'?: boolean;
+      }>;
+      'custom-salla-product-card': SallaElementProps<{
+        product?: string;
+        'shadow-on-hover'?: boolean;
+        fullImage?: boolean;
+        minimal?: boolean;
+        isSpecial?: boolean;
+      }>;
+      'lite-youtube': SallaElementProps<{
+        videoid?: string;
+        params?: string;
+      }>;
+      'salla-tooltip': SallaElementProps<{
+        text?: string;
+        targetId?: string;
+      }>;
+      'salla-advertisement': SallaElementProps;
+      'salla-user-profile': SallaElementProps;
+      'salla-custom-component': SallaElementProps<{
+        'component-name'?: string;
+        'bundle-id'?: string;
+        config?: string;
+      }>;
+    }
+  }
+}

package/dist/ambient/virtual-modules.d.ts

@@ -0,0 +1,22 @@
+declare module 'virtual:twilight/theme-translations' {
+  const themeTranslations: Record<string, Record<string, string>>;
+  export default themeTranslations;
+}
+
+declare module 'tanstack-start-manifest:v' {
+  interface ManifestAsset {
+    tag: string;
+    attrs?: { rel?: string; href?: string; type?: string };
+  }
+  interface ManifestRoute {
+    filePath?: string;
+    children?: string[];
+    assets?: ManifestAsset[];
+    preloads?: string[];
+  }
+  interface StartManifest {
+    routes: Record<string, ManifestRoute>;
+    clientEntry: string;
+  }
+  export function tsrStartManifest(): StartManifest;
+}

package/dist/api/apps.d.ts

@@ -0,0 +1,28 @@
+export interface AppSnippet {
+    service: string;
+    app_id: string;
+    app_slug: string;
+    status: string;
+    snippets: {
+        place: string;
+        content: string;
+        url?: string | null;
+        /** `{{customer.x}}` placeholders in `content` to substitute from SDK config `user.*` keys. */
+        customer_parameters?: string[];
+    }[];
+}
+export declare const apps: {
+    /** Installed apps' storefront snippets (scripts/HTML to inject into the page). */
+    snippets: () => Promise<AppSnippet[]>;
+    queries: {
+        snippets: () => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<AppSnippet[], Error, AppSnippet[], string[]>, "queryFn"> & {
+            queryFn?: import("@tanstack/react-query").QueryFunction<AppSnippet[], string[], never> | undefined;
+        } & {
+            queryKey: string[] & {
+                [dataTagSymbol]: AppSnippet[];
+                [dataTagErrorSymbol]: Error;
+            };
+        };
+    };
+};
+//# sourceMappingURL=apps.d.ts.map

package/dist/api/apps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apps.d.ts","sourceRoot":"","sources":["../../src/api/apps.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,8FAA8F;QAC9F,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;KAChC,EAAE,CAAC;CACL;AAED,eAAO,MAAM,IAAI;IACf,kFAAkF;oBAC9D,OAAO,CAAC,UAAU,EAAE,CAAC;;;;;;;;;;;CAc1C,CAAC"}

package/dist/api/apps.js

@@ -0,0 +1,26 @@
+import { api } from '../chunk-2TB2LTL2.js';
+import '../chunk-QYL5OHAV.js';
+import '../chunk-KIPZQN3Y.js';
+import '../chunk-T72DAX7R.js';
+import '../chunk-DGUM43GV.js';
+import { queryOptions } from '@tanstack/react-query';
+
+var apps = {
+  /** Installed apps' storefront snippets (scripts/HTML to inject into the page). */
+  snippets: async () => {
+    const { data } = await api.get("apps/snippets").json();
+    return data ?? [];
+  },
+  queries: {
+    snippets: () => queryOptions({
+      queryKey: ["apps", "snippets"],
+      queryFn: () => apps.snippets(),
+      // Snippets are static per session; one fetch per page load is enough.
+      staleTime: Infinity
+    })
+  }
+};
+
+export { apps };
+//# sourceMappingURL=apps.js.map
+//# sourceMappingURL=apps.js.map

package/dist/api/apps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/api/apps.ts"],"names":[],"mappings":";;;;;;;AAiBO,IAAM,IAAA,GAAO;AAAA;AAAA,EAElB,UAAU,YAAmC;AAC3C,IAAA,MAAM,EAAE,MAAK,GAAI,MAAM,IAAI,GAAA,CAAI,eAAe,EAAE,IAAA,EAA8B;AAC9E,IAAA,OAAO,QAAQ,EAAC;AAAA,EAClB,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,MACR,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,UAAU,CAAA;AAAA,MAC7B,OAAA,EAAS,MAAM,IAAA,CAAK,QAAA,EAAS;AAAA;AAAA,MAE7B,SAAA,EAAW;AAAA,KACZ;AAAA;AAEP","file":"apps.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\n\nexport interface AppSnippet {\n  service: string;\n  app_id: string;\n  app_slug: string;\n  status: string;\n  snippets: {\n    place: string;\n    content: string;\n    url?: string | null;\n    /** `{{customer.x}}` placeholders in `content` to substitute from SDK config `user.*` keys. */\n    customer_parameters?: string[];\n  }[];\n}\n\nexport const apps = {\n  /** Installed apps' storefront snippets (scripts/HTML to inject into the page). */\n  snippets: async (): Promise<AppSnippet[]> => {\n    const { data } = await api.get('apps/snippets').json<{ data?: AppSnippet[] }>();\n    return data ?? [];\n  },\n\n  queries: {\n    snippets: () =>\n      queryOptions({\n        queryKey: ['apps', 'snippets'],\n        queryFn: () => apps.snippets(),\n        // Snippets are static per session; one fetch per page load is enough.\n        staleTime: Infinity,\n      }),\n  },\n};\n"]}

package/dist/api/blog.d.ts

@@ -0,0 +1,61 @@
+import type { Pagination } from './types';
+import type { ArticleSummary, ArticleDetail, BlogAuthor, BlogCategory, BlogTag, BlogOverview } from '../routes/blog/types';
+export interface BlogArticlesListParams {
+    category?: string;
+    author?: string;
+    tag?: string;
+    page?: number;
+    cursor?: string | null;
+    signal?: AbortSignal;
+}
+export interface BlogArticlesListResponse {
+    data: ArticleSummary[];
+    categories?: BlogCategory[];
+    category: BlogCategory;
+    author: BlogAuthor;
+    tag: BlogTag;
+    cursor: Pagination;
+}
+export interface BlogGetResponse {
+    data: {
+        categories: BlogCategory[] | null;
+        slides: ArticleSummary[] | null;
+        articles: ArticleSummary[] | null;
+        popular: ArticleSummary[] | null;
+    };
+}
+export declare const blog: {
+    get: (signal?: AbortSignal) => Promise<BlogOverview>;
+    articles: {
+        list: (params?: BlogArticlesListParams) => Promise<BlogArticlesListResponse>;
+        find: (id: string, signal?: AbortSignal) => Promise<ArticleDetail>;
+        findOrThrow: (id: string, signal?: AbortSignal) => Promise<ArticleDetail>;
+    };
+    queries: {
+        overview: () => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<BlogOverview, Error, BlogOverview, string[]>, "queryFn"> & {
+            queryFn?: import("@tanstack/react-query").QueryFunction<BlogOverview, string[], never> | undefined;
+        } & {
+            queryKey: string[] & {
+                [dataTagSymbol]: BlogOverview;
+                [dataTagErrorSymbol]: Error;
+            };
+        };
+        articles: (params?: Omit<BlogArticlesListParams, "signal">) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<BlogArticlesListResponse, Error, BlogArticlesListResponse, (string | Omit<BlogArticlesListParams, "signal"> | undefined)[]>, "queryFn"> & {
+            queryFn?: import("@tanstack/react-query").QueryFunction<BlogArticlesListResponse, (string | Omit<BlogArticlesListParams, "signal"> | undefined)[], never> | undefined;
+        } & {
+            queryKey: (string | Omit<BlogArticlesListParams, "signal"> | undefined)[] & {
+                [dataTagSymbol]: BlogArticlesListResponse;
+                [dataTagErrorSymbol]: Error;
+            };
+        };
+        article: (id: string) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<ArticleDetail, Error, ArticleDetail, string[]>, "queryFn"> & {
+            queryFn?: import("@tanstack/react-query").QueryFunction<ArticleDetail, string[], never> | undefined;
+        } & {
+            queryKey: string[] & {
+                [dataTagSymbol]: ArticleDetail;
+                [dataTagErrorSymbol]: Error;
+            };
+        };
+    };
+};
+//# sourceMappingURL=blog.d.ts.map

package/dist/api/blog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blog.d.ts","sourceRoot":"","sources":["../../src/api/blog.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,UAAU,EACV,YAAY,EACZ,OAAO,EACP,YAAY,EACb,MAAM,sBAAsB,CAAC;AAG9B,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,OAAO,CAAC;IACb,MAAM,EAAE,UAAU,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE;QACJ,UAAU,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAClC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;QAChC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;QAClC,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;KAClC,CAAC;CACH;AAED,eAAO,MAAM,IAAI;mBACM,WAAW,KAAG,OAAO,CAAC,YAAY,CAAC;;wBAehC,sBAAsB,KAAG,OAAO,CAAC,wBAAwB,CAAC;mBAkC/D,MAAM,WAAW,WAAW,KAAG,OAAO,CAAC,aAAa,CAAC;0BAepD,MAAM,WAAW,WAAW,KAAG,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;4BAUnD,IAAI,CAAC,sBAAsB,EAAE,QAAQ,CAAC;;;;;;;;sBAK5C,MAAM;;;;;;;;;CAMvB,CAAC"}

package/dist/api/brands.d.ts

@@ -0,0 +1,25 @@
+import type { Brand, BrandsGroup } from '../routes/brands/types';
+export declare const brand: {
+    list: () => Promise<BrandsGroup>;
+    find: (id: string) => Promise<Brand>;
+    findOrThrow: (id: string) => Promise<Brand>;
+    queries: {
+        list: () => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<BrandsGroup, Error, BrandsGroup, string[]>, "queryFn"> & {
+            queryFn?: import("@tanstack/react-query").QueryFunction<BrandsGroup, string[], never> | undefined;
+        } & {
+            queryKey: string[] & {
+                [dataTagSymbol]: BrandsGroup;
+                [dataTagErrorSymbol]: Error;
+            };
+        };
+        detail: (id: string) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<Brand, Error, Brand, string[]>, "queryFn"> & {
+            queryFn?: import("@tanstack/react-query").QueryFunction<Brand, string[], never> | undefined;
+        } & {
+            queryKey: string[] & {
+                [dataTagSymbol]: Brand;
+                [dataTagErrorSymbol]: Error;
+            };
+        };
+    };
+};
+//# sourceMappingURL=brands.d.ts.map

package/dist/api/brands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../../src/api/brands.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGjE,eAAO,MAAM,KAAK;gBACA,OAAO,CAAC,WAAW,CAAC;eAKnB,MAAM,KAAG,OAAO,CAAC,KAAK,CAAC;sBAKtB,MAAM,KAAG,OAAO,CAAC,KAAK,CAAC;;;;;;;;;;qBAQ1B,MAAM;;;;;;;;;CAMtB,CAAC"}