@patientos/website-kit 0.2.5 → 0.2.6

package/dist/{chunk-FSZ726DM.js → chunk-ZYX4TXBN.js}

@@ -1460,6 +1460,8 @@ export {
   FlowErrorSummary,
   focusField,
   FlowLoading,
+  normalizePortalApiOrigin,
+  encodePortalReturnTarget,
   createPortalClient,
   PatientOSApiError,
   patientos,

package/dist/{chunk-7UPUEMXX.js → chunk-ZZFBTLR4.js}

@@ -6,7 +6,7 @@ import {
   PortalAccountClient,
   PortalPanelClient,
   StoreClient
-} from "./chunk-75FJ5AJB.js";
+} from "./chunk-7ZOQ6UKG.js";
 import {
   mountIslandsWith
 } from "./chunk-THMT43MV.js";

package/dist/index.d.ts

@@ -2,9 +2,9 @@ export { BPOINT_SCRIPT_ORIGIN, BPOINT_SCRIPT_URL, CONSULT_CHUNK_PATH, THIRD_PART
 import * as React from 'react';
 export { ISLAND_ATTR, ISLAND_PROPS_ATTR, Island, IslandProps, IslandRegistry, mountIslandsWith, readIslandProps } from './islands.js';
 export { ISLANDS, IslandName, mountIslands } from './islands-registry.js';
-import { P as PortalClient, W as WhoAmI, a as PortalPrefill, b as PublicClaim } from './portal-account-8uQc_Ncx.js';
-export { F as FetchLike, c as PortalAccount, d as PortalAccountMarkerProps, e as PortalAccountProps, f as PortalAccountSurface, g as PortalClientConfig, h as PortalPanel, i as PortalPanelMarkerProps, j as PortalPanelProps, k as PortalResult, l as PortalSurface, m as createPortalClient } from './portal-account-8uQc_Ncx.js';
-export { B as BookingBlock, a as BookingBlockMarkerProps, b as BookingBlockProps, c as BookingTypeOption, C as Cart, d as CartMarkerProps, e as CartProps, f as CertificateFunnel, g as CertificateFunnelMarkerProps, h as CertificateFunnelProps, i as Checkout, j as CheckoutMarkerProps, k as CheckoutProps, F as FunnelPublicApi, l as FunnelServiceOption, S as Store, m as StoreMarkerProps, n as StoreProps } from './checkout-block-Cog4H4I4.js';
+import { P as PortalClient, W as WhoAmI, a as PortalPrefill, b as PublicClaim, F as FetchLike } from './portal-account-8uQc_Ncx.js';
+export { c as PortalAccount, d as PortalAccountMarkerProps, e as PortalAccountProps, f as PortalAccountSurface, g as PortalClientConfig, h as PortalPanel, i as PortalPanelMarkerProps, j as PortalPanelProps, k as PortalResult, l as PortalSurface, m as createPortalClient } from './portal-account-8uQc_Ncx.js';
+export { B as BookingBlock, a as BookingBlockMarkerProps, b as BookingBlockProps, c as BookingTypeOption, C as Cart, d as CartMarkerProps, e as CartProps, f as CertificateFunnel, g as CertificateFunnelMarkerProps, h as CertificateFunnelProps, i as Checkout, j as CheckoutMarkerProps, k as CheckoutProps, F as FunnelPublicApi, l as FunnelServiceOption, S as Store, m as StoreMarkerProps, n as StoreProps } from './checkout-block-BdpPIuQ5.js';
 export { PatientSurfaceTheme, patientSurfaceTheme } from './patient-surface-theme.js';
 export { Rgb, contrastRatio, deriveForeground, parseHexColor, relativeLuminance } from './contrast.js';
 export { AnswerValue, Answers, ShowWhenCondition, evaluateShowWhen, visibleQuestions } from './show-when.js';
@@ -210,6 +210,33 @@ interface PortalSession {
  */
 declare function usePortalSession(): PortalSession;
 
+interface StoreClientConfig {
+    /** The validated PatientOS patient/API origin. Empty means same-origin. */
+    apiOrigin?: string | null;
+    /** Injectable browser transport for tests. */
+    fetchImpl?: FetchLike;
+}
+type StoreResult<T> = {
+    ok: true;
+    data: T;
+} | {
+    ok: false;
+    status: number | null;
+    error: string | null;
+    message: string | null;
+};
+interface StoreClient {
+    readonly apiOrigin: string;
+    url(path: string): string;
+    get<T>(path: string): Promise<StoreResult<T>>;
+    post<T>(path: string, body: unknown, options?: {
+        signal?: AbortSignal;
+    }): Promise<StoreResult<T>>;
+    /** PatientOS magic-link sign-in that returns to this site's checkout. */
+    signInHref(returnPath?: string): string;
+}
+declare function createStoreClient(config?: StoreClientConfig): StoreClient;
+
 declare const WEBSITE_KIT_VERSION = "0.1.0";
 
-export { Button, type ButtonProps, type ButtonVariant, Container, type ContainerProps, FAQ, type FAQProps, type FaqItem, Hero, type HeroProps, Hours, type HoursProps, type HoursRow, MapEmbed, type MapEmbedProps, PortalClient, PortalPrefill, PortalProvider, type PortalProviderProps, type PortalSession, type PortalSessionStatus, PublicClaim, Row, type RowProps, Section, type SectionProps, type Service, ServiceGrid, type ServiceGridProps, Stack, type StackProps, TeamGrid, type TeamGridProps, type TeamMember, ThemeProvider, type ThemeProviderProps, WEBSITE_KIT_VERSION, WebsiteShell, type WebsiteShellProps, type WebsiteTheme, WhoAmI, defaultTheme, resolveTheme, themeToCssVars, usePortalClient, usePortalSession };
+export { Button, type ButtonProps, type ButtonVariant, Container, type ContainerProps, FAQ, type FAQProps, type FaqItem, FetchLike, Hero, type HeroProps, Hours, type HoursProps, type HoursRow, MapEmbed, type MapEmbedProps, PortalClient, PortalPrefill, PortalProvider, type PortalProviderProps, type PortalSession, type PortalSessionStatus, PublicClaim, Row, type RowProps, Section, type SectionProps, type Service, ServiceGrid, type ServiceGridProps, Stack, type StackProps, type StoreClient, type StoreClientConfig, type StoreResult, TeamGrid, type TeamGridProps, type TeamMember, ThemeProvider, type ThemeProviderProps, WEBSITE_KIT_VERSION, WebsiteShell, type WebsiteShellProps, type WebsiteTheme, WhoAmI, createStoreClient, defaultTheme, resolveTheme, themeToCssVars, usePortalClient, usePortalSession };

package/dist/index.js

@@ -1,11 +1,12 @@
 import {
   ISLANDS,
   mountIslands
-} from "./chunk-7UPUEMXX.js";
+} from "./chunk-ZZFBTLR4.js";
 import {
   PortalAccount,
   PortalPanel,
   PortalProvider,
+  createStoreClient,
   getAppointmentTypes,
   getClinic,
   getPublicApi,
@@ -13,7 +14,7 @@ import {
   getThemeTokens,
   usePortalClient,
   usePortalSession
-} from "./chunk-75FJ5AJB.js";
+} from "./chunk-7ZOQ6UKG.js";
 import {
   BPOINT_SCRIPT_ORIGIN,
   BPOINT_SCRIPT_URL,
@@ -35,7 +36,7 @@ import {
 } from "./chunk-THMT43MV.js";
 import {
   createPortalClient
-} from "./chunk-FSZ726DM.js";
+} from "./chunk-ZYX4TXBN.js";
 import {
   contrastRatio,
   deriveForeground,
@@ -403,6 +404,8 @@ function BookingBlock({
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Store({
   categoryHandle,
+  productHandle,
+  storeApiOrigin,
   title,
   columns,
   className
@@ -411,7 +414,7 @@ function Store({
     Island,
     {
       name: "store",
-      props: { categoryHandle, title, columns },
+      props: { categoryHandle, productHandle, storeApiOrigin, title, columns },
       className: ["sk-store", className].filter(Boolean).join(" "),
       children: [
         /* @__PURE__ */ jsx6("h2", { className: "sk-store__heading", children: title ?? "Shop" }),
@@ -423,20 +426,41 @@ function Store({
 
 // src/cart-block.tsx
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function Cart({ className }) {
-  return /* @__PURE__ */ jsxs6(Island, { name: "cart", className: ["sk-cart", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsx7("h2", { className: "sk-cart__heading", children: "Your cart" }),
-    /* @__PURE__ */ jsx7("p", { className: "sk-cart__placeholder", children: "Your cart needs JavaScript to load." })
-  ] });
+function Cart({ storeApiOrigin, className }) {
+  return /* @__PURE__ */ jsxs6(
+    Island,
+    {
+      name: "cart",
+      props: { storeApiOrigin },
+      className: ["sk-cart", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx7("h2", { className: "sk-cart__heading", children: "Your cart" }),
+        /* @__PURE__ */ jsx7("p", { className: "sk-cart__placeholder", children: "Your cart needs JavaScript to load." })
+      ]
+    }
+  );
 }
 
 // src/checkout-block.tsx
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function Checkout({ className }) {
-  return /* @__PURE__ */ jsxs7(Island, { name: "checkout", className: ["sk-checkout", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsx8("h2", { className: "sk-checkout__heading", children: "Checkout" }),
-    /* @__PURE__ */ jsx8("p", { className: "sk-checkout__placeholder", children: "Checkout needs JavaScript to load." })
-  ] });
+function Checkout({
+  storeApiOrigin,
+  ordersHref,
+  completionHref,
+  className
+}) {
+  return /* @__PURE__ */ jsxs7(
+    Island,
+    {
+      name: "checkout",
+      props: { storeApiOrigin, ordersHref, completionHref },
+      className: ["sk-checkout", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx8("h2", { className: "sk-checkout__heading", children: "Checkout" }),
+        /* @__PURE__ */ jsx8("p", { className: "sk-checkout__placeholder", children: "Checkout needs JavaScript to load." })
+      ]
+    }
+  );
 }
 
 // src/index.ts
@@ -476,6 +500,7 @@ export {
   WebsiteShell,
   contrastRatio,
   createPortalClient,
+  createStoreClient,
   defaultTheme,
   deriveForeground,
   evaluateShowWhen,

package/dist/islands-impl.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { b as BookingBlockProps, h as CertificateFunnelProps, n as StoreProps, e as CartProps, k as CheckoutProps } from './checkout-block-Cog4H4I4.js';
+import { b as BookingBlockProps, h as CertificateFunnelProps, n as StoreProps, e as CartProps, k as CheckoutProps } from './checkout-block-BdpPIuQ5.js';
 import { j as PortalPanelProps, F as FetchLike } from './portal-account-8uQc_Ncx.js';
 export { P as PortalAccountClient } from './portal-account.client-BBe_q9yC.js';
 import '@patientos/public-sdk';
@@ -59,10 +59,10 @@ type PortalPanelClientProps = PortalPanelProps & {
 };
 declare function PortalPanelClient({ surface, portalUrl, portalApiOrigin, initialState, fetchImpl, }: PortalPanelClientProps): React.ReactElement;
 
-declare function StoreClient({ categoryHandle, title, columns }: StoreProps): React.ReactElement;
+declare function StoreClient({ categoryHandle, productHandle, storeApiOrigin, title, columns, }: StoreProps): React.ReactElement;
 
-declare function CartClient(_props: CartProps): React.ReactElement;
+declare function CartClient({ storeApiOrigin }: CartProps): React.ReactElement;
 
-declare function CheckoutClient(_props: CheckoutProps): React.ReactElement;
+declare function CheckoutClient({ storeApiOrigin, ordersHref, completionHref, }: CheckoutProps): React.ReactElement;
 
 export { BookingBlockClient, CartClient, CertificateFunnelClient, CheckoutClient, PortalPanelClient, StoreClient };

package/dist/islands-impl.js

@@ -6,11 +6,11 @@ import {
   PortalAccountClient,
   PortalPanelClient,
   StoreClient
-} from "./chunk-75FJ5AJB.js";
+} from "./chunk-7ZOQ6UKG.js";
 import "./chunk-ZOF22TJA.js";
 import "./chunk-QDO3SJWR.js";
 import "./chunk-THMT43MV.js";
-import "./chunk-FSZ726DM.js";
+import "./chunk-ZYX4TXBN.js";
 import "./chunk-MLKGABMK.js";
 export {
   BookingBlockClient,

package/dist/islands-registry.js

@@ -1,12 +1,12 @@
 import {
   ISLANDS,
   mountIslands
-} from "./chunk-7UPUEMXX.js";
-import "./chunk-75FJ5AJB.js";
+} from "./chunk-ZZFBTLR4.js";
+import "./chunk-7ZOQ6UKG.js";
 import "./chunk-ZOF22TJA.js";
 import "./chunk-QDO3SJWR.js";
 import "./chunk-THMT43MV.js";
-import "./chunk-FSZ726DM.js";
+import "./chunk-ZYX4TXBN.js";
 import "./chunk-MLKGABMK.js";
 export {
   ISLANDS,

package/dist/portal-booking-client.js

@@ -22,7 +22,7 @@ import {
   releasePortalHold,
   rescheduleContextTypeId,
   reschedulePortalAppointmentAndReload
-} from "./chunk-FSZ726DM.js";
+} from "./chunk-ZYX4TXBN.js";
 import "./chunk-MLKGABMK.js";
 export {
   AVAILABILITY_FAILED_COPY,

package/dist/website-kit.css

@@ -2868,7 +2868,9 @@ select.sk-identity__input[data-empty] {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
-@media (max-width: 480px) {
+/* Two catalogue columns fit ordinary 390–430px phones and keep a 54-item shop
+   scannable. Below 380px one column preserves readable product names. */
+@media (max-width: 379px) {
   .sk-store__grid {
     grid-template-columns: minmax(0, 1fr);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patientos/website-kit",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "PatientOS clinic website components and patient-facing interactive islands.",
   "type": "module",
   "sideEffects": [