@afosto/checkout-ui 0.0.1-alpha.1

package/README.md

@@ -0,0 +1 @@
+# Afosto checkout-ui

package/dist/Checkout/Checkout.d.ts

@@ -0,0 +1,37 @@
+import { ElementType, HTMLAttributes } from 'react';
+import { CheckoutLayoutProps } from '../CheckoutLayout';
+import { SlotProps } from '../types';
+import { CheckoutFormProps } from '../CheckoutForm/CheckoutForm';
+import { CheckoutNotFoundFeedbackProps } from '../CheckoutNotFoundFeedback/CheckoutNotFoundFeedback';
+import { CheckoutFormSkeletonProps } from '../CheckoutFormSkeleton/CheckoutFormSkeleton';
+import { CheckoutSignInProps } from '../CheckoutSignIn/CheckoutSignIn';
+import { CheckoutForgotPasswordProps } from '../CheckoutForgotPassword/CheckoutForgotPassword';
+import { CheckoutAccountSelectionProps } from '../CheckoutAccountSelection/CheckoutAccountSelection';
+import { CheckoutSummaryProps } from '../CheckoutSummary/CheckoutSummary';
+export interface CheckoutOwnerState {
+    flow?: 'cart' | 'order';
+    notFound?: boolean;
+}
+export interface CheckoutProps {
+    slots?: {
+        accountSelection?: ElementType<CheckoutAccountSelectionProps, 'div'>;
+        forgotPassword?: ElementType<CheckoutForgotPasswordProps, 'div'>;
+        form?: ElementType<CheckoutFormProps, 'form'>;
+        layout?: ElementType<CheckoutLayoutProps, 'div'>;
+        notFoundFeedback?: ElementType<CheckoutNotFoundFeedbackProps, 'div'>;
+        signIn?: ElementType<CheckoutSignInProps, 'div'>;
+        summary?: ElementType<CheckoutSummaryProps>;
+    };
+    slotProps?: {
+        accountSelection?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutAccountSelectionProps>, CheckoutOwnerState>;
+        forgotPassword?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutForgotPasswordProps>, CheckoutOwnerState>;
+        form?: SlotProps<HTMLAttributes<HTMLFormElement> & Partial<CheckoutFormProps>>;
+        formSkeleton?: SlotProps<HTMLAttributes<HTMLFormElement> & Partial<CheckoutFormSkeletonProps>>;
+        layout?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutLayoutProps>, CheckoutOwnerState>;
+        notFoundFeedback?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutNotFoundFeedbackProps>, CheckoutOwnerState>;
+        signIn?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutSignInProps>, CheckoutOwnerState>;
+        summary?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutSummaryProps>, CheckoutOwnerState>;
+    };
+}
+export declare const Checkout: (props: CheckoutProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkout.d.ts.map

package/dist/Checkout/Checkout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/Checkout/Checkout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI1C,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,sDAAsD,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE;QACN,gBAAgB,CAAC,EAAE,WAAW,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACrE,cAAc,CAAC,EAAE,WAAW,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;QACjE,IAAI,CAAC,EAAE,WAAW,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;QAC9C,MAAM,CAAC,EAAE,WAAW,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;QACjD,gBAAgB,CAAC,EAAE,WAAW,CAAC,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACrE,MAAM,CAAC,EAAE,WAAW,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;QACjD,OAAO,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;KAC7C,CAAC;IACF,SAAS,CAAC,EAAE;QACV,gBAAgB,CAAC,EAAE,SAAS,CAC1B,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,6BAA6B,CAAC,EACvE,kBAAkB,CACnB,CAAC;QACF,cAAc,CAAC,EAAE,SAAS,CACxB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,2BAA2B,CAAC,EACrE,kBAAkB,CACnB,CAAC;QACF,IAAI,CAAC,EAAE,SAAS,CACd,cAAc,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAC7D,CAAC;QACF,YAAY,CAAC,EAAE,SAAS,CACtB,cAAc,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,yBAAyB,CAAC,CACrE,CAAC;QACF,MAAM,CAAC,EAAE,SAAS,CAChB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,EAC7D,kBAAkB,CACnB,CAAC;QACF,gBAAgB,CAAC,EAAE,SAAS,CAC1B,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,6BAA6B,CAAC,EACvE,kBAAkB,CACnB,CAAC;QACF,MAAM,CAAC,EAAE,SAAS,CAChB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,EAC7D,kBAAkB,CACnB,CAAC;QACF,OAAO,CAAC,EAAE,SAAS,CACjB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,oBAAoB,CAAC,EAC9D,kBAAkB,CACnB,CAAC;KACH,CAAC;CACH;AAYD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,qDAiF5C,CAAC"}

package/dist/Checkout/Checkout.js

@@ -0,0 +1,68 @@
+import { jsxs as I, jsx as s } from "react/jsx-runtime";
+import { CheckoutLayout as b } from "../CheckoutLayout/CheckoutLayout.js";
+import { resolveSlotProps as r } from "../utils/resolveSlotProps.js";
+import { useCheckout as A } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { Box as L } from "@afosto/components";
+import { CheckoutForm as j } from "../CheckoutForm/CheckoutForm.js";
+import { CheckoutNotFoundFeedback as v } from "../CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.js";
+import { CheckoutFormSkeleton as N } from "../CheckoutFormSkeleton/CheckoutFormSkeleton.js";
+import { CheckoutSignIn as B } from "../CheckoutSignIn/CheckoutSignIn.js";
+import { CheckoutForgotPassword as W } from "../CheckoutForgotPassword/CheckoutForgotPassword.js";
+import { CheckoutAccountSelection as q } from "../CheckoutAccountSelection/CheckoutAccountSelection.js";
+const z = {
+  accountSelection: q,
+  forgotPassword: W,
+  form: j,
+  formSkeleton: N,
+  layout: b,
+  notFoundFeedback: v,
+  signIn: B
+}, U = (i) => {
+  const { slots: l = {}, slotProps: o = {} } = i, {
+    flow: m,
+    isLoading: d,
+    notFound: c,
+    showAccountSelection: e,
+    showForgotPassword: u,
+    showSignIn: a
+  } = A(), t = {
+    ...z,
+    ...l
+  }, p = t.layout, n = r({}, o.layout, {
+    flow: m,
+    notFound: c
+  });
+  (t.summary || o.summary) && (n.slots = {
+    ...n.slots,
+    ...t.summary ? { summary: t.summary } : {}
+  }, n.slotProps = {
+    ...n.slotProps,
+    ...o.summary ? { summary: o.summary } : {}
+  });
+  const f = t.notFoundFeedback, F = r(
+    {},
+    o.notFoundFeedback,
+    {
+      flow: m,
+      notFound: c
+    }
+  ), S = t.form, k = r({}, o.form, {}), P = t.forgotPassword, h = r(
+    {},
+    o.forgotPassword,
+    {}
+  ), g = t.accountSelection, y = r(
+    {},
+    o.accountSelection,
+    {}
+  ), w = t.signIn, x = r({}, o.signIn, {}), C = e || u || a;
+  return /* @__PURE__ */ I(p, { ...n, children: [
+    !d && c && /* @__PURE__ */ s(L, { sx: { mx: "auto", maxWidth: 608, px: 2.5, py: { xs: 6, md: 7 } }, children: /* @__PURE__ */ s(f, { ...F }) }),
+    !c && /* @__PURE__ */ s(S, { ...k, hideForm: C }),
+    a && /* @__PURE__ */ s(w, { ...x }),
+    u && /* @__PURE__ */ s(P, { ...h }),
+    e && /* @__PURE__ */ s(g, { ...y })
+  ] });
+};
+export {
+  U as Checkout
+};

package/dist/Checkout/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/Checkout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/Checkout/index.js

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

package/dist/CheckoutAccountSelection/CheckoutAccountSelection.d.ts

@@ -0,0 +1,27 @@
+import { CardProps, TypographyProps } from '@afosto/components';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    backToWebshop: string;
+    businessAccounts: string;
+    businessTitle: string;
+    description: string;
+    signOut: string;
+    title: string;
+    feedback: {
+        accountNotLinkedTitle: string;
+        accountNotLinkedDescription: string;
+        accountSelectionFailedTitle: string;
+        accountSelectionFailedDescription: string;
+        businessAccountSelectionFailedTitle: string;
+        businessAccountSelectionFailedDescription: string;
+        signOutFailedTitle: string;
+    };
+};
+export interface CheckoutAccountSelectionProps extends Omit<CardProps, 'onSubmit'> {
+    descriptionTypographyProps?: TypographyProps;
+    titleTypographyProps?: TypographyProps;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutAccountSelection: (props: CheckoutAccountSelectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutAccountSelection.d.ts.map

package/dist/CheckoutAccountSelection/CheckoutAccountSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAccountSelection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAccountSelection/CheckoutAccountSelection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,SAAS,EAGd,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAO5B,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,UAAU,CAAC;AAK3D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;CAmBxB,CAAC;AAEF,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnC,0BAA0B,CAAC,EAAE,eAAe,CAAC;IAC7C,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,wBAAwB,GACnC,OAAO,6BAA6B,qDA0RrC,CAAC"}

package/dist/CheckoutAccountSelection/CheckoutAccountSelection.js

@@ -0,0 +1,220 @@
+import { jsxs as w, jsx as t, Fragment as C } from "react/jsx-runtime";
+import { Card as K, Box as N, CircularProgress as Q, Typography as r, Button as v } from "@afosto/components";
+import { useCheckout as V } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { useCheckoutAccountSelection as X } from "../hooks/useCheckoutAccountSelection.js";
+import { CheckoutErrorMessageAlert as Z } from "../CheckoutErrorMessageAlert/CheckoutErrorMessageAlert.js";
+import { CheckoutAccountSelectionCard as B } from "../CheckoutAccountSelectionCard/CheckoutAccountSelectionCard.js";
+import { getFullName as _ } from "../utils/getFullName.js";
+import { getErrorMessage as y } from "../utils/getErrorMessage.js";
+import { capitalize as k } from "@afosto/utils";
+import { useState as $ } from "react";
+const ee = {
+  backToWebshop: "Back to webshop",
+  businessAccounts: "Business accounts",
+  businessTitle: "Select a business account",
+  description: "With which you want to complete the order",
+  signOut: "Sign out",
+  title: "Select an account",
+  feedback: {
+    accountNotLinkedTitle: "Account not linked",
+    accountNotLinkedDescription: "Your account is not yet linked to a business account. As a result, you cannot yet order.",
+    accountSelectionFailedTitle: "Account selection failed",
+    accountSelectionFailedDescription: "Something went wrong while selecting the account. Please try again.",
+    businessAccountSelectionFailedTitle: "Business account selection failed",
+    businessAccountSelectionFailedDescription: "Something went wrong while selecting the business account. Please try again.",
+    signOutFailedTitle: "Sign out failed"
+  }
+}, de = (D) => {
+  const {
+    descriptionTypographyProps: u = {},
+    sx: I = {},
+    titleTypographyProps: d = {},
+    translations: P = {},
+    ...E
+  } = D || {}, [m, s] = $(!1), {
+    errorMessage: x,
+    getUser: W,
+    setCurrentOrganisation: p,
+    setErrorMessage: c,
+    setIsSignedIn: T,
+    setShowAccountSelection: b,
+    settings: z,
+    signInAsOrganisation: L,
+    signOut: M,
+    signOutOfOrganisation: j,
+    translations: R,
+    triggerEvent: S
+  } = V(), n = {
+    ...ee,
+    ...R?.accountSelection || {},
+    ...P || {}
+  }, { isB2bExcluded: q, isSharedOrganisationRequired: a, links: U } = z || {}, {
+    account: i,
+    isInitializing: g,
+    selectedOrganisation: A,
+    setSelectedOrganisation: h
+  } = X(), { sharedOrganisations: O = [] } = i || {}, f = O.length > 0, l = W(), Y = !g && i && (!a || f), G = async () => {
+    try {
+      if (c(null), h(null), s(!0), !l || !i) {
+        s(!1);
+        return;
+      }
+      if (l.organisation?.id && await j(), await S("accountSelected", { account: i, user: l }), !q) {
+        const [e] = i?.organisations || [];
+        p(e || null);
+      }
+      T(!0), b(!1), s(!1), window.scrollTo(0, 0);
+    } catch (e) {
+      const o = y(e);
+      c({
+        title: n.feedback?.accountSelectionFailedTitle,
+        description: o ? k(o) : n.feedback?.accountSelectionFailedDescription
+      }), s(!1), window.scrollTo(0, 0);
+    }
+  }, H = (e) => async () => {
+    try {
+      if (c(null), h(e), s(!0), !l || !i || !e) {
+        s(!1);
+        return;
+      }
+      await L({
+        organisationId: e.id
+      }), await S("businessAccountSelected", {
+        account: i,
+        organisation: e,
+        user: l
+      }), p(e), T(!0), b(!1), s(!1), h(null), window.scrollTo(0, 0);
+    } catch (o) {
+      const F = y(o);
+      c({
+        title: n.feedback?.businessAccountSelectionFailedTitle,
+        description: F ? k(F) : n.feedback?.businessAccountSelectionFailedDescription
+      }), s(!1), h(null), window.scrollTo(0, 0);
+    }
+  }, J = async () => {
+    try {
+      c(null), M(), await S("clearSession", { sessionExpired: !0 }), p(null), b(!1), window.scrollTo(0, 0);
+    } catch (e) {
+      const o = y(e);
+      c({
+        title: n.feedback?.signOutFailedTitle,
+        description: o ? k(o) : void 0
+      }), window.scrollTo(0, 0);
+    }
+  };
+  return /* @__PURE__ */ w(K, { ...E, sx: { borderRadius: 0, p: 4, ...I }, children: [
+    g && /* @__PURE__ */ t(
+      N,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          mb: 3,
+          mt: 6
+        },
+        children: /* @__PURE__ */ t(Q, {})
+      }
+    ),
+    !g && a && !f && /* @__PURE__ */ w(C, { children: [
+      /* @__PURE__ */ t(
+        r,
+        {
+          variant: "h6",
+          ...d,
+          sx: { mb: 0.5, ...d?.sx || {} },
+          children: n.feedback?.accountNotLinkedTitle
+        }
+      ),
+      /* @__PURE__ */ t(
+        r,
+        {
+          color: "gray.800",
+          ...u,
+          sx: { mb: 3, ...u?.sx || {} },
+          children: n.feedback?.accountNotLinkedDescription
+        }
+      ),
+      /* @__PURE__ */ t(
+        v,
+        {
+          component: "a",
+          href: U?.vendor,
+          color: "secondary",
+          size: "large",
+          variant: "outlined",
+          fullWidth: !0,
+          children: n.backToWebshop
+        }
+      )
+    ] }),
+    !g && Y && /* @__PURE__ */ w(C, { children: [
+      /* @__PURE__ */ t(
+        r,
+        {
+          variant: "h6",
+          ...d,
+          sx: { mb: 0.5, ...d?.sx || {} },
+          children: n.title
+        }
+      ),
+      /* @__PURE__ */ t(
+        r,
+        {
+          color: "gray.800",
+          ...u,
+          sx: { mb: 2, ...u?.sx || {} },
+          children: n.description
+        }
+      ),
+      x && /* @__PURE__ */ t(
+        Z,
+        {
+          errorMessage: x,
+          sx: { mb: 3 }
+        }
+      ),
+      !a && /* @__PURE__ */ t(
+        B,
+        {
+          name: _({
+            givenName: i?.givenName,
+            additionalName: i?.additionalName,
+            familyName: i?.familyName
+          }),
+          email: i?.email,
+          onSelect: G,
+          disabled: m,
+          loading: m && !A
+        }
+      ),
+      !a && f && /* @__PURE__ */ t(r, { fontWeight: 500, sx: { mt: 3, mb: 2 }, children: n.businessAccounts }),
+      f && /* @__PURE__ */ t(N, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: O.map((e) => /* @__PURE__ */ t(
+        B,
+        {
+          name: e.name,
+          email: e.administration?.email,
+          onSelect: H(e),
+          disabled: m,
+          loading: m && A?.id === e.id
+        },
+        e.id
+      )) }),
+      !a && /* @__PURE__ */ t(
+        v,
+        {
+          color: "secondary",
+          onClick: J,
+          size: "large",
+          variant: "outlined",
+          sx: { mt: 3 },
+          fullWidth: !0,
+          children: n.signOut
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  de as CheckoutAccountSelection
+};

package/dist/CheckoutAccountSelection/index.d.ts

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

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

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

package/dist/CheckoutAccountSelection/index.js

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

package/dist/CheckoutAccountSelectionCard/CheckoutAccountSelectionCard.d.ts

@@ -0,0 +1,13 @@
+import { CardActionAreaProps, CardProps, TypographyProps } from '@afosto/components';
+export interface CheckoutAccountSelectionCardProps extends CardProps {
+    actionAreaProps?: CardActionAreaProps;
+    disabled?: boolean;
+    email?: string;
+    emailTypographyProps?: TypographyProps;
+    loading?: boolean;
+    name: string;
+    nameTypographyProps?: TypographyProps;
+    onSelect?: () => void;
+}
+export declare const CheckoutAccountSelectionCard: (props: CheckoutAccountSelectionCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutAccountSelectionCard.d.ts.map

package/dist/CheckoutAccountSelectionCard/CheckoutAccountSelectionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAccountSelectionCard.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAccountSelectionCard/CheckoutAccountSelectionCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAGd,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAG5B,MAAM,WAAW,iCAAkC,SAAQ,SAAS;IAClE,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,qDAyDzC,CAAC"}

package/dist/CheckoutAccountSelectionCard/CheckoutAccountSelectionCard.js

@@ -0,0 +1,65 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { Card as m, CardActionArea as y, Box as f, Typography as i, CircularProgress as g } from "@afosto/components";
+import { AngleRightRegular as u } from "../icons/AngleRightRegular.js";
+const S = (n) => {
+  const {
+    actionAreaProps: o = {},
+    disabled: s = !1,
+    emailTypographyProps: t = {},
+    email: e,
+    loading: l = !1,
+    name: c,
+    nameTypographyProps: p = {},
+    onSelect: d,
+    ...x
+  } = n;
+  return /* @__PURE__ */ r(m, { ...x, children: /* @__PURE__ */ a(
+    y,
+    {
+      ...o,
+      disabled: s,
+      onClick: d,
+      sx: {
+        display: "flex",
+        px: 2.5,
+        py: 1.5,
+        ...o?.sx || {}
+      },
+      children: [
+        /* @__PURE__ */ a(
+          f,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              flex: 1
+            },
+            children: [
+              /* @__PURE__ */ r(i, { fontWeight: 500, ...p, children: c }),
+              e && /* @__PURE__ */ r(
+                i,
+                {
+                  variant: "bodySmall",
+                  color: "gray.800",
+                  ...t,
+                  children: e
+                }
+              )
+            ]
+          }
+        ),
+        !l && /* @__PURE__ */ r(u, { sx: { fontSize: 16 } }),
+        l && /* @__PURE__ */ r(
+          g,
+          {
+            size: 16,
+            sx: { color: (h) => h.palette.gray[400] }
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  S as CheckoutAccountSelectionCard
+};

package/dist/CheckoutAccountSelectionCard/index.d.ts

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

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

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

package/dist/CheckoutAccountSelectionCard/index.js

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

package/dist/CheckoutAddressBlock/CheckoutAddressBlock.d.ts

@@ -0,0 +1,16 @@
+import { ElementType } from 'react';
+import { SvgIconProps } from '@afosto/components';
+import { Address } from '@afosto/storefront';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    addressNotKnownLabel: string;
+};
+export interface CheckoutAddressBlockProps {
+    address?: Address;
+    Icon?: ElementType<SvgIconProps>;
+    title?: string;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutAddressBlock: (props: CheckoutAddressBlockProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutAddressBlock.d.ts.map

package/dist/CheckoutAddressBlock/CheckoutAddressBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAddressBlock.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAddressBlock/CheckoutAddressBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,qDAiEpE,CAAC"}

package/dist/CheckoutAddressBlock/CheckoutAddressBlock.js

@@ -0,0 +1,59 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Fragment as u } from "react";
+import { Box as d, Typography as i, Flag as x } from "@afosto/components";
+import { DEFAULT_ADDRESS_FORMAT as S } from "../constants/addressFields.js";
+import { replaceValuesInString as T } from "../utils/replaceValuesInString.js";
+import { useCheckout as k } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const A = {
+  addressNotKnownLabel: "Address not known"
+}, D = (l) => {
+  const {
+    address: t,
+    Icon: e,
+    title: a,
+    translations: c = {}
+  } = l, { translations: p } = k(), m = {
+    ...A,
+    ...p?.addressBlock || {},
+    ...c || {}
+  }, { options: g, ...h } = t || {}, f = g?.format?.address || S, r = T(f, h)?.replace(/\n\s*\n/g, `
+`).split(`
+`).filter((s) => s) || [];
+  return /* @__PURE__ */ n("div", { children: [
+    (a || e) && /* @__PURE__ */ n(d, { display: "flex", gap: 1.5, alignItems: "center", mb: 1, children: [
+      e && /* @__PURE__ */ o(e, { sx: { fontSize: 16 } }),
+      a && /* @__PURE__ */ o(i, { fontWeight: 500, children: a })
+    ] }),
+    r.length > 0 && /* @__PURE__ */ n(i, { color: "gray.800", children: [
+      r.map((s, y) => /* @__PURE__ */ n(u, { children: [
+        s,
+        y + 1 !== r.length && /* @__PURE__ */ o("br", {})
+      ] }, s)),
+      t?.countryCode && /* @__PURE__ */ n(
+        d,
+        {
+          component: "span",
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 1,
+          children: [
+            ", ",
+            t.countryCode,
+            /* @__PURE__ */ o(
+              x,
+              {
+                iso: t.countryCode,
+                width: 18,
+                style: { marginTop: -1 }
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    !r.length && /* @__PURE__ */ o(i, { color: "gray.600", fontStyle: "italic", children: m.addressNotKnownLabel })
+  ] });
+};
+export {
+  D as CheckoutAddressBlock
+};

package/dist/CheckoutAddressBlock/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAddressBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/CheckoutAddressBlock/index.js

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

package/dist/CheckoutAddressCard/CheckoutAddressCard.d.ts

@@ -0,0 +1,19 @@
+import { Address } from '@afosto/storefront';
+import { CheckoutAddressBlockProps } from '../CheckoutAddressBlock/CheckoutAddressBlock';
+import { DeepPartial, LinkComponent } from '../types';
+declare const defaultTranslations: {
+    edit: string;
+};
+export interface CheckoutAddressCardProps extends CheckoutAddressBlockProps {
+    address?: Address;
+    editComponentType?: 'button' | 'link';
+    editHref?: string;
+    canEdit?: boolean;
+    LinkComponent?: LinkComponent;
+    onEdit?: () => void;
+    title?: string;
+    translations?: DeepPartial<typeof defaultTranslations> & CheckoutAddressBlockProps['translations'];
+}
+export declare const CheckoutAddressCard: (props: CheckoutAddressCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutAddressCard.d.ts.map

package/dist/CheckoutAddressCard/CheckoutAddressCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAddressCard.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAddressCard/CheckoutAddressCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG3D,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,yBAAyB;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,GACpD,yBAAyB,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,qDAiGlE,CAAC"}