@afosto/checkout-ui 0.0.1-alpha.1

package/dist/CheckoutProvider/CheckoutProvider.js

@@ -0,0 +1,133 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as I, useState as y, useEffect as L } from "react";
+import { CheckoutOrderProvider as M } from "../CheckoutOrderProvider/CheckoutOrderProvider.js";
+import { CheckoutCartProvider as w } from "../CheckoutCartProvider/CheckoutCartProvider.js";
+import { useGetLatest as O } from "@afosto/hooks";
+import "@afosto/storefront";
+import { camelize as A, isDefined as t } from "@afosto/utils";
+import { CheckoutPayPalExpressButton as V } from "../CheckoutPayPalExpressButton/CheckoutPayPalExpressButton.js";
+import { CheckoutExpressButton as j } from "../CheckoutExpressButton/CheckoutExpressButton.js";
+import { deepMerge as z } from "../utils/deepMerge.js";
+import { CheckoutInnerProviders as S } from "./components/CheckoutInnerProviders/CheckoutInnerProviders.js";
+import { informationStep as D } from "../steps/informationStep.js";
+import { shippingStep as F } from "../steps/shippingStep.js";
+import { paymentStep as G } from "../steps/paymentStep.js";
+import { reviewStep as _ } from "../steps/reviewStep.js";
+const ne = (o) => {
+  if ("cartId" in o && "orderId" in o)
+    throw new Error("Cannot provide both cartId and orderId");
+  const {
+    expressPaymentMethodsComponentMapping: v,
+    locale: B,
+    operations: f,
+    queryClient: h,
+    settings: e,
+    steps: d,
+    storefront: c,
+    theme: b,
+    translations: g = {},
+    ...C
+  } = o, R = I(!1), [r, u] = y(null), [q, E] = y(!0), x = O(c), N = B || r?.locale?.replace("_", "-") || "en", P = {
+    ...v || {},
+    default: j,
+    paypalExpress: V
+  }, l = (r?.links || []).reduce((i, n) => {
+    const p = A(n.type?.toLowerCase());
+    return { ...i, [p]: n?.value || "#" };
+  }, {}), s = {
+    ...e || {},
+    branding: z(
+      r?.branding || {},
+      e?.branding || {}
+    ),
+    channelLinks: l,
+    isAccountEnabled: t(e?.isAccountEnabled) ? e?.isAccountEnabled : t(l?.myAccount),
+    isB2bExcluded: t(e?.isB2bExcluded) ? e?.isB2bExcluded : r?.options?.isB2bExcluded ?? !1,
+    isB2cExcluded: t(e?.isB2cExcluded) ? e?.isB2cExcluded : r?.options?.isB2cExcluded ?? !1,
+    isPhoneNumberRequired: t(e?.isPhoneNumberRequired) ? e?.isPhoneNumberRequired : r?.options?.isPhoneNumberRequired ?? !1,
+    isCocNumberRequired: t(e?.isCocNumberRequired) ? e?.isCocNumberRequired : r?.options?.isCocNumberRequired ?? !1,
+    isSharedOrganisationRequired: t(
+      e?.isSharedOrganisationRequired
+    ) ? e?.isSharedOrganisationRequired : r?.options?.isSharedOrganisationRequired ?? !1,
+    isVatNumberRequired: t(e?.isVatNumberRequired) ? e?.isVatNumberRequired : r?.options?.isVatNumberRequired ?? !1,
+    links: {
+      ...l,
+      ...e?.links || {}
+    },
+    logo: e?.logo || r?.logo,
+    storeName: e?.storeName || r?.name
+  };
+  let m = [D, F, G, _];
+  if (d && d.length > 0 && (m = d), L(() => {
+    const i = async () => {
+      try {
+        const n = x();
+        if (!n) {
+          u(null), E(!1);
+          return;
+        }
+        const p = await n.getChannel();
+        u(p);
+      } catch {
+        u(null);
+      } finally {
+        E(!1);
+      }
+    };
+    R.current || (R.current = !0, i());
+  }, [x]), "orderId" in o) {
+    const { orderId: i = "" } = o;
+    return /* @__PURE__ */ a(
+      S,
+      {
+        queryClient: h,
+        settings: s,
+        theme: b,
+        children: /* @__PURE__ */ a(
+          M,
+          {
+            orderId: i,
+            channel: r,
+            expressPaymentMethodsComponentMapping: P,
+            isLoadingChannel: q,
+            locale: N,
+            operations: f,
+            settings: s,
+            steps: m,
+            storefront: c,
+            translations: g,
+            ...C
+          }
+        )
+      }
+    );
+  }
+  const { cartId: k } = o;
+  return /* @__PURE__ */ a(
+    S,
+    {
+      queryClient: h,
+      settings: s,
+      theme: b,
+      children: /* @__PURE__ */ a(
+        w,
+        {
+          cartId: k,
+          channel: r,
+          expressPaymentMethodsComponentMapping: P,
+          isLoadingChannel: q,
+          locale: N,
+          operations: f,
+          settings: s,
+          steps: m,
+          storefront: c,
+          translations: g,
+          ...C
+        }
+      )
+    }
+  );
+};
+export {
+  ne as CheckoutProvider
+};

package/dist/CheckoutProvider/components/CheckoutInnerProviders/CheckoutInnerProviders.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { CheckoutSettings } from '../../../types';
+import { Theme } from '@afosto/components';
+import { QueryClient } from '@tanstack/react-query';
+export interface CheckoutInnerProvidersProps {
+    children: ReactNode;
+    queryClient?: QueryClient;
+    settings: CheckoutSettings;
+    theme?: Partial<Theme>;
+}
+export declare const CheckoutInnerProviders: (props: CheckoutInnerProvidersProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutInnerProviders.d.ts.map

package/dist/CheckoutProvider/components/CheckoutInnerProviders/CheckoutInnerProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutInnerProviders.d.ts","sourceRoot":"","sources":["../../../../libs/checkout-ui/src/CheckoutProvider/components/CheckoutInnerProviders/CheckoutInnerProviders.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxB;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,qDAUxE,CAAC"}

package/dist/CheckoutProvider/components/CheckoutInnerProviders/CheckoutInnerProviders.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { CheckoutThemeProvider as m } from "../CheckoutThemeProvider/CheckoutThemeProvider.js";
+import { CheckoutQueryClientProvider as c } from "../CheckoutQueryClientProvider/CheckoutQueryClientProvider.js";
+const u = (e) => {
+  const { children: o, queryClient: t, settings: n, theme: i } = e;
+  return /* @__PURE__ */ r(m, { branding: n.branding, theme: i, children: /* @__PURE__ */ r(c, { queryClient: t, children: o }) });
+};
+export {
+  u as CheckoutInnerProviders
+};

package/dist/CheckoutProvider/components/CheckoutQueryClientProvider/CheckoutQueryClientProvider.d.ts

@@ -0,0 +1,8 @@
+import { QueryClient } from '@tanstack/react-query';
+import { ReactNode } from 'react';
+export interface CheckoutQueryClientProviderProps {
+    children: ReactNode;
+    queryClient?: QueryClient;
+}
+export declare const CheckoutQueryClientProvider: (props: CheckoutQueryClientProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutQueryClientProvider.d.ts.map

package/dist/CheckoutProvider/components/CheckoutQueryClientProvider/CheckoutQueryClientProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutQueryClientProvider.d.ts","sourceRoot":"","sources":["../../../../libs/checkout-ui/src/CheckoutProvider/components/CheckoutQueryClientProvider/CheckoutQueryClientProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAEZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAoCD,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDASxC,CAAC"}

package/dist/CheckoutProvider/components/CheckoutQueryClientProvider/CheckoutQueryClientProvider.js

@@ -0,0 +1,27 @@
+import { jsx as i } from "react/jsx-runtime";
+import { QueryClientProvider as o, QueryClient as u } from "@tanstack/react-query";
+const a = new u({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: !1,
+      retry: (t, e) => {
+        const r = e?.response?.status || 0;
+        return [404, 403].includes(r) ? !1 : t < 1;
+      },
+      retryDelay: (t, e) => {
+        if ((e?.response?.status || 0) === 429) {
+          const n = e?.response?.headers?.["x-ratelimit-reset"], s = n ? parseInt(n, 10) : 0;
+          if (s && !Number.isNaN(s))
+            return (s + 1) * 1e3;
+        }
+        return Math.min(1e3 * 2 ** t, 3e4);
+      }
+    }
+  }
+}), d = (t) => {
+  const { children: e, queryClient: r } = t;
+  return /* @__PURE__ */ i(o, { client: r || a, children: e });
+};
+export {
+  d as CheckoutQueryClientProvider
+};

package/dist/CheckoutProvider/components/CheckoutQueryClientProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { CheckoutQueryClientProvider } from './CheckoutQueryClientProvider';
+export type { CheckoutQueryClientProviderProps } from './CheckoutQueryClientProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/CheckoutProvider/components/CheckoutQueryClientProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/checkout-ui/src/CheckoutProvider/components/CheckoutQueryClientProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/CheckoutProvider/components/CheckoutQueryClientProvider/index.js

@@ -0,0 +1,4 @@
+import { CheckoutQueryClientProvider as o } from "./CheckoutQueryClientProvider.js";
+export {
+  o as CheckoutQueryClientProvider
+};

package/dist/CheckoutProvider/components/CheckoutThemeProvider/CheckoutThemeProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Theme } from '@afosto/components';
+import { CheckoutBranding } from '../../../types';
+export interface CheckoutThemeProviderProps {
+    branding?: CheckoutBranding;
+    children: ReactNode;
+    theme?: Partial<Theme>;
+}
+export declare const CheckoutThemeProvider: (props: CheckoutThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutThemeProvider.d.ts.map

package/dist/CheckoutProvider/components/CheckoutThemeProvider/CheckoutThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutThemeProvider.d.ts","sourceRoot":"","sources":["../../../../libs/checkout-ui/src/CheckoutProvider/components/CheckoutThemeProvider/CheckoutThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxB;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDAuEtE,CAAC"}

package/dist/CheckoutProvider/components/CheckoutThemeProvider/CheckoutThemeProvider.js

@@ -0,0 +1,63 @@
+import { jsx as p } from "react/jsx-runtime";
+import { theme as l, createTheme as u, ThemeProvider as h } from "@afosto/components";
+import { darken as r, lighten as t } from "../../../utils/colorManipulator.js";
+import { deepMerge as m } from "../../../utils/deepMerge.js";
+const x = (a) => {
+  const { branding: d, children: c, theme: n } = a, { primary: e } = d?.colors || {}, o = e ? {
+    main: e,
+    100: t(e, 0.9),
+    200: t(e, 0.6),
+    300: t(e, 0.3),
+    400: t(e, 0.1),
+    500: e,
+    600: r(e, 0.1),
+    700: r(e, 0.2),
+    800: r(e, 0.3),
+    900: r(e, 0.4)
+  } : null;
+  let i = m(l, {
+    palette: {
+      ...o ? {
+        primary: o
+      } : {}
+    },
+    components: {
+      MuiInputBase: {
+        styleOverrides: {
+          input: {
+            "@media (pointer:coarse)": {
+              fontSize: "16px !important"
+            }
+          }
+        }
+      },
+      MuiButton: {
+        ...o ? {
+          styleOverrides: {
+            root: {
+              "&.Mui-focusVisible, &:focus-visible": {
+                boxShadow: `0 0 0 3px ${o.main}88`
+              }
+            },
+            containedPrimary: {
+              backgroundColor: o.main,
+              color: "#fff",
+              "&:hover:not(.Mui-disabled):not(:active)": {
+                backgroundColor: o[600]
+              },
+              '&:active, &[aria-expanded="true"]': {
+                backgroundColor: o[700]
+              }
+            }
+          }
+        } : {}
+      }
+    }
+  });
+  n && (i = m(i, n));
+  const s = u(i);
+  return /* @__PURE__ */ p(h, { theme: s, children: c });
+};
+export {
+  x as CheckoutThemeProvider
+};

package/dist/CheckoutProvider/components/CheckoutThemeProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { CheckoutThemeProvider } from './CheckoutThemeProvider';
+export type { CheckoutThemeProviderProps } from './CheckoutThemeProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/CheckoutProvider/components/CheckoutThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/checkout-ui/src/CheckoutProvider/components/CheckoutThemeProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/CheckoutProvider/components/CheckoutThemeProvider/index.js

@@ -0,0 +1,4 @@
+import { CheckoutThemeProvider as r } from "./CheckoutThemeProvider.js";
+export {
+  r as CheckoutThemeProvider
+};

package/dist/CheckoutProvider/index.d.ts

@@ -0,0 +1,7 @@
+export { CheckoutProvider } from './CheckoutProvider';
+export type { CheckoutProviderProps } from './CheckoutProvider';
+export { CheckoutThemeProvider } from './components/CheckoutThemeProvider';
+export type { CheckoutThemeProviderProps } from './components/CheckoutThemeProvider';
+export { CheckoutQueryClientProvider } from './components/CheckoutQueryClientProvider';
+export type { CheckoutQueryClientProviderProps } from './components/CheckoutQueryClientProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/CheckoutProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAErF,OAAO,EAAE,2BAA2B,EAAE,MAAM,0CAA0C,CAAC;AACvF,YAAY,EAAE,gCAAgC,EAAE,MAAM,0CAA0C,CAAC"}

package/dist/CheckoutProvider/index.js

@@ -0,0 +1,8 @@
+import { CheckoutProvider as o } from "./CheckoutProvider.js";
+import { CheckoutThemeProvider as h } from "./components/CheckoutThemeProvider/CheckoutThemeProvider.js";
+import { CheckoutQueryClientProvider as m } from "./components/CheckoutQueryClientProvider/CheckoutQueryClientProvider.js";
+export {
+  o as CheckoutProvider,
+  m as CheckoutQueryClientProvider,
+  h as CheckoutThemeProvider
+};

package/dist/CheckoutReviewCommentSection/CheckoutReviewCommentSection.d.ts

@@ -0,0 +1,13 @@
+import { CheckoutSectionProps } from '../CheckoutSection/CheckoutSection';
+import { CheckoutReviewData, DeepPartial } from '../types';
+import { CheckoutCommentFieldProps } from '../CheckoutCommentField/CheckoutCommentField';
+declare const defaultTranslations: {
+    title: string;
+};
+export interface CheckoutReviewCommentSectionProps extends Omit<CheckoutSectionProps, 'children'> {
+    reviewData: CheckoutReviewData | null;
+    translations?: DeepPartial<typeof defaultTranslations> & CheckoutCommentFieldProps['translations'];
+}
+export declare const CheckoutReviewCommentSection: (props: CheckoutReviewCommentSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutReviewCommentSection.d.ts.map

package/dist/CheckoutReviewCommentSection/CheckoutReviewCommentSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutReviewCommentSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewCommentSection/CheckoutReviewCommentSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AAEtD,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,GACpD,yBAAyB,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,qDAyBzC,CAAC"}

package/dist/CheckoutReviewCommentSection/CheckoutReviewCommentSection.js

@@ -0,0 +1,31 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { CheckoutSection as m } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as a } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { useCheckout as l } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutCommentField as u } from "../CheckoutCommentField/CheckoutCommentField.js";
+const d = {
+  title: "Add comment"
+}, v = (e) => {
+  const {
+    reviewData: n,
+    translations: r = {},
+    ...i
+  } = e || {}, { translations: s } = l(), t = {
+    ...d,
+    ...s?.reviewCommentSection || {},
+    ...r || {}
+  };
+  return /* @__PURE__ */ c(m, { ...i, children: [
+    /* @__PURE__ */ o(a, { title: t.title }),
+    /* @__PURE__ */ o(
+      u,
+      {
+        value: n?.notes,
+        translations: t
+      }
+    )
+  ] });
+};
+export {
+  v as CheckoutReviewCommentSection
+};

package/dist/CheckoutReviewCommentSection/index.d.ts

@@ -0,0 +1,3 @@
+export { CheckoutReviewCommentSection } from './CheckoutReviewCommentSection';
+export type { CheckoutReviewCommentSectionProps } from './CheckoutReviewCommentSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/CheckoutReviewCommentSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewCommentSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,YAAY,EAAE,iCAAiC,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/CheckoutReviewCommentSection/index.js

@@ -0,0 +1,4 @@
+import { CheckoutReviewCommentSection as t } from "./CheckoutReviewCommentSection.js";
+export {
+  t as CheckoutReviewCommentSection
+};

package/dist/CheckoutReviewItemsSection/CheckoutReviewItemsSection.d.ts

@@ -0,0 +1,13 @@
+import { CheckoutSectionProps } from '../CheckoutSection/CheckoutSection';
+import { CheckoutReviewData, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    title: string;
+};
+export interface CheckoutReviewItemsSectionProps extends Omit<CheckoutSectionProps, 'children'> {
+    locale?: string;
+    reviewData: CheckoutReviewData | null;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutReviewItemsSection: (props: CheckoutReviewItemsSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutReviewItemsSection.d.ts.map

package/dist/CheckoutReviewItemsSection/CheckoutReviewItemsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutReviewItemsSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewItemsSection/CheckoutReviewItemsSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGhE,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,qDAwCvC,CAAC"}

package/dist/CheckoutReviewItemsSection/CheckoutReviewItemsSection.js

@@ -0,0 +1,40 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { Box as h } from "@afosto/components";
+import { CheckoutSection as f } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as x } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { useCheckout as k } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutItem as v } from "../CheckoutItem/CheckoutItem.js";
+const C = {
+  title: "You ordered this"
+}, D = (e) => {
+  const {
+    locale: r,
+    reviewData: s,
+    sx: i = {},
+    translations: n = {},
+    ...c
+  } = e || {}, { translations: a } = k(), l = {
+    ...C,
+    ...a?.reviewItemsSection || {},
+    ...n || {}
+  }, { currency: m, items: d = [] } = s || {};
+  return /* @__PURE__ */ u(f, { ...c, sx: { display: { md: "none" }, ...i }, children: [
+    /* @__PURE__ */ t(x, { title: l.title }),
+    /* @__PURE__ */ t(h, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: d.map((o) => {
+      const [p] = o.ids || [];
+      return /* @__PURE__ */ t(
+        v,
+        {
+          item: o,
+          currency: m,
+          locale: r,
+          variant: "card"
+        },
+        p
+      );
+    }) })
+  ] });
+};
+export {
+  D as CheckoutReviewItemsSection
+};

package/dist/CheckoutReviewItemsSection/index.d.ts

@@ -0,0 +1,3 @@
+export { CheckoutReviewItemsSection } from './CheckoutReviewItemsSection';
+export type { CheckoutReviewItemsSectionProps } from './CheckoutReviewItemsSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/CheckoutReviewItemsSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewItemsSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,YAAY,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/CheckoutReviewItemsSection/index.js

@@ -0,0 +1,4 @@
+import { CheckoutReviewItemsSection as t } from "./CheckoutReviewItemsSection.js";
+export {
+  t as CheckoutReviewItemsSection
+};

package/dist/CheckoutReviewOrderSection/CheckoutReviewOrderSection.d.ts

@@ -0,0 +1,18 @@
+import { CheckoutSectionProps } from '../CheckoutSection/CheckoutSection';
+import { CheckoutReviewData, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    title: string;
+    billingAddress: string;
+    businessDetails: string;
+    contactDetails: string;
+    pickupPoint: string;
+    shippingAddress: string;
+};
+export interface CheckoutReviewOrderSectionProps extends Omit<CheckoutSectionProps, 'children'> {
+    isLoading?: boolean;
+    reviewData: CheckoutReviewData | null;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutReviewOrderSection: (props: CheckoutReviewOrderSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutReviewOrderSection.d.ts.map

package/dist/CheckoutReviewOrderSection/CheckoutReviewOrderSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutReviewOrderSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewOrderSection/CheckoutReviewOrderSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EAAE,kBAAkB,EAAgB,WAAW,EAAE,MAAM,UAAU,CAAC;AAU9E,QAAA,MAAM,mBAAmB;;;;;;;CAOxB,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,qDAqHvC,CAAC"}

package/dist/CheckoutReviewOrderSection/CheckoutReviewOrderSection.js

@@ -0,0 +1,104 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { CheckoutContactDetailsCard as B } from "../CheckoutContactDetailsCard/CheckoutContactDetailsCard.js";
+import { CheckoutSection as E } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as N } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { useCheckout as O } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { Grid as r } from "@afosto/components";
+import { CheckoutContactDetailsSkeleton as j } from "../CheckoutContactDetailsSkeleton/CheckoutContactDetailsSkeleton.js";
+import { CheckoutBusinessDetailsCard as R } from "../CheckoutBusinessDetailsCard/CheckoutBusinessDetailsCard.js";
+import { CheckoutBusinessDetailsCardSkeleton as y } from "../CheckoutBusinessDetailsCardSkeleton/CheckoutBusinessDetailsCardSkeleton.js";
+import { CheckoutAddressCardSkeleton as g } from "../CheckoutAddressCardSkeleton/CheckoutAddressCardSkeleton.js";
+import { CheckoutAddressCard as k } from "../CheckoutAddressCard/CheckoutAddressCard.js";
+import { getReviewStepTarget as a } from "../utils/getReviewStepTarget.js";
+import "@afosto/utils";
+const G = {
+  title: "Check your order details",
+  billingAddress: "Billing address",
+  businessDetails: "Business details",
+  contactDetails: "Contact details",
+  pickupPoint: "Pickup point",
+  shippingAddress: "Shipping address"
+}, X = (C) => {
+  const {
+    isLoading: e = !1,
+    reviewData: S,
+    translations: b = {},
+    ...f
+  } = C || {}, {
+    goToTargetStep: o,
+    steps: n,
+    translations: D
+  } = O(), i = {
+    ...G,
+    ...D?.reviewOrderSection || {},
+    ...b || {}
+  }, {
+    billingAddress: A,
+    contact: T,
+    organisation: d,
+    pickupPoint: c,
+    phoneNumber: v,
+    shippingAddress: x
+  } = S || {}, P = d?.administration?.email || T?.email, l = !!d?.id, w = v?.number, p = a("contactDetails", n), m = a(
+    "businessDetails",
+    n
+  ), u = a(
+    "shippingAddress",
+    n
+  ), h = a("billingAddress", n);
+  return /* @__PURE__ */ s(E, { ...f, children: [
+    /* @__PURE__ */ t(N, { title: i.title }),
+    /* @__PURE__ */ s(r, { container: !0, spacing: 2, children: [
+      /* @__PURE__ */ s(r, { item: !0, xs: 12, ...l ? { md: 6 } : {}, children: [
+        e && /* @__PURE__ */ t(j, {}),
+        !e && /* @__PURE__ */ t(
+          B,
+          {
+            title: i.contactDetails,
+            email: P,
+            onEdit: p.targetStep ? o(p) : void 0,
+            phoneNumber: w,
+            sx: { height: "100%" }
+          }
+        )
+      ] }),
+      l && /* @__PURE__ */ s(r, { item: !0, xs: 12, md: 6, children: [
+        e && /* @__PURE__ */ t(y, {}),
+        !e && /* @__PURE__ */ t(
+          R,
+          {
+            title: i.businessDetails,
+            organisation: d,
+            onEdit: m.targetStep ? o(m) : void 0,
+            sx: { height: "100%" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s(r, { item: !0, xs: 12, md: 6, children: [
+        e && /* @__PURE__ */ t(g, {}),
+        !e && /* @__PURE__ */ t(
+          k,
+          {
+            address: c ? c.address : x,
+            onEdit: u.targetStep ? o(u) : void 0,
+            title: c ? i.pickupPoint : i.shippingAddress
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s(r, { item: !0, xs: 12, md: 6, children: [
+        e && /* @__PURE__ */ t(g, {}),
+        !e && /* @__PURE__ */ t(
+          k,
+          {
+            address: A,
+            onEdit: h.targetStep ? o(h) : void 0,
+            title: i.billingAddress
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  X as CheckoutReviewOrderSection
+};

package/dist/CheckoutReviewOrderSection/index.d.ts

@@ -0,0 +1,3 @@
+export { CheckoutReviewOrderSection } from './CheckoutReviewOrderSection';
+export type { CheckoutReviewOrderSectionProps } from './CheckoutReviewOrderSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/CheckoutReviewOrderSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewOrderSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,YAAY,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/CheckoutReviewOrderSection/index.js

@@ -0,0 +1,4 @@
+import { CheckoutReviewOrderSection as r } from "./CheckoutReviewOrderSection.js";
+export {
+  r as CheckoutReviewOrderSection
+};

package/dist/CheckoutReviewPaymentSection/CheckoutReviewPaymentSection.d.ts

@@ -0,0 +1,18 @@
+import { CheckoutReviewData, DeepPartial } from '../types';
+import { CheckoutSectionProps } from '../CheckoutSection/CheckoutSection';
+import { CheckoutAgreementSummaryCardProps } from '../CheckoutAgreementSummaryCard/CheckoutAgreementSummaryCard';
+import { CheckoutAgreementsTimelineProps } from '../CheckoutAgreementsTimeline';
+declare const defaultTranslations: {
+    title: string;
+    paymentMethod: string;
+    paymentOption: string;
+};
+export interface CheckoutReviewPaymentSectionProps extends Omit<CheckoutSectionProps, 'children'> {
+    isLoading?: boolean;
+    locale?: string;
+    reviewData: CheckoutReviewData | null;
+    translations?: DeepPartial<typeof defaultTranslations> & CheckoutAgreementSummaryCardProps['translations'] & CheckoutAgreementsTimelineProps['translations'];
+}
+export declare const CheckoutReviewPaymentSection: (props: CheckoutReviewPaymentSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutReviewPaymentSection.d.ts.map

package/dist/CheckoutReviewPaymentSection/CheckoutReviewPaymentSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutReviewPaymentSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewPaymentSection/CheckoutReviewPaymentSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAK/E,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,8DAA8D,CAAC;AAMtE,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,+BAA+B,CAAC;AAGvC,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,GACpD,iCAAiC,CAAC,cAAc,CAAC,GACjD,+BAA+B,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,qDA0GzC,CAAC"}