@afosto/checkout-ui 0.0.1-alpha.1

package/dist/CheckoutContactInformationSection/CheckoutContactInformationSection.js

@@ -0,0 +1,149 @@
+import { jsxs as n, jsx as e, Fragment as i } from "react/jsx-runtime";
+import { useState as W, useEffect as V } from "react";
+import { CheckoutPhoneNumberCard as $ } from "../CheckoutPhoneNumberCard/CheckoutPhoneNumberCard.js";
+import { CheckoutSection as j } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as D } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { useCheckout as G } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { useFormContext as L, Typography as U, Link as q, Grid as r, Fields as s, Collapse as h } from "@afosto/components";
+import { isDefined as p } from "@afosto/utils";
+import { canEditInformation as z } from "../utils/canEditInformation.js";
+import { CheckoutSignedInAsMessage as B } from "../CheckoutSignedInAsMessage/CheckoutSignedInAsMessage.js";
+const J = {
+  title: "Contact information",
+  alreadyHaveAnAccountMessage: "Already have an account?",
+  confirmPassword: "Confirm password",
+  email: "Email",
+  password: "Password",
+  phoneNumber: "Phone number",
+  shouldCreateAccountMessage: "Create an account so I can easily track my orders",
+  signIn: "Sign in"
+}, ne = (b) => {
+  const {
+    canEdit: C,
+    translations: f = {},
+    ...w
+  } = b || {}, [l, a] = W(!1), {
+    getUser: g,
+    isSignedIn: t,
+    setShowSignIn: N,
+    settings: x,
+    translations: y
+  } = G(), { isAccountEnabled: c } = x || {}, A = C ?? z(g()), { getValues: u, setValue: P, watch: S } = L(), [k, I, E] = S([
+    "shouldCreateAccount",
+    "phoneNumber",
+    "phoneNumberCountry"
+  ]);
+  V(() => {
+    if (t) {
+      const d = u(), M = d.phoneNumber, T = d.phoneNumberCountry, H = p(M) && p(T);
+      a(H);
+    } else
+      a(!1);
+  }, [u, t]);
+  const [m] = E?.callingCodes || [], o = {
+    ...J,
+    ...y?.contactInformationSection || {},
+    ...f || {}
+  }, v = () => {
+    a(!1), P("phoneNumberIsDirty", !0);
+  }, F = () => {
+    N(!0);
+  };
+  return /* @__PURE__ */ n(j, { ...w, children: [
+    /* @__PURE__ */ e(
+      D,
+      {
+        title: o.title,
+        endAdornment: c && !t && /* @__PURE__ */ n(U, { component: "span", color: "gray.800", children: [
+          o.alreadyHaveAnAccountMessage,
+          /* @__PURE__ */ e(
+            q,
+            {
+              component: "button",
+              type: "button",
+              onClick: F,
+              sx: {
+                ml: 0.5,
+                verticalAlign: "baseline",
+                lineHeight: "initial"
+              },
+              children: o.signIn
+            }
+          )
+        ] }),
+        sx: { mb: t ? 1 : 3 }
+      }
+    ),
+    t && /* @__PURE__ */ e(B, { sx: { mb: 3 } }),
+    /* @__PURE__ */ n(r, { container: !0, spacing: 2, children: [
+      !t && /* @__PURE__ */ n(i, { children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 12, children: /* @__PURE__ */ e(
+          s.TextField,
+          {
+            id: "email",
+            name: "email",
+            label: o.email,
+            autoComplete: "email",
+            autoFocus: !0,
+            fullWidth: !0
+          }
+        ) }),
+        c && /* @__PURE__ */ n(i, { children: [
+          /* @__PURE__ */ e(r, { item: !0, xs: 12, children: /* @__PURE__ */ e(
+            s.Checkbox,
+            {
+              id: "should-create-account",
+              name: "shouldCreateAccount",
+              label: o.shouldCreateAccountMessage
+            }
+          ) }),
+          k && /* @__PURE__ */ n(i, { children: [
+            /* @__PURE__ */ e(r, { item: !0, xs: 12, children: /* @__PURE__ */ e(
+              s.Password,
+              {
+                id: "new-password",
+                name: "password",
+                label: o.password,
+                autoComplete: "new-password",
+                fullWidth: !0
+              }
+            ) }),
+            /* @__PURE__ */ e(r, { item: !0, xs: 12, children: /* @__PURE__ */ e(
+              s.Password,
+              {
+                id: "confirm-new-password",
+                name: "passwordConfirm",
+                label: o.confirmPassword,
+                autoComplete: "new-password",
+                fullWidth: !0
+              }
+            ) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ n(r, { item: !0, xs: 12, children: [
+        /* @__PURE__ */ e(h, { in: l, children: /* @__PURE__ */ e(
+          $,
+          {
+            title: o.phoneNumber,
+            onEdit: A ? v : void 0,
+            phoneNumber: `${m ? `+${m} ` : ""}${I}`
+          }
+        ) }),
+        /* @__PURE__ */ e(h, { in: !l, children: /* @__PURE__ */ e(
+          s.PhoneNumberField,
+          {
+            id: "phone-number",
+            numberFieldName: "phoneNumber",
+            label: o.phoneNumber,
+            autoComplete: "tel-national",
+            fullWidth: !0
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  ne as CheckoutContactInformationSection
+};

package/dist/CheckoutContactInformationSection/index.d.ts

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

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

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

package/dist/CheckoutContactInformationSection/index.js

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

package/dist/CheckoutContainer/CheckoutContainer.d.ts

@@ -0,0 +1,30 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { BoxProps } from '@afosto/components';
+import { CheckoutSummaryProps } from '../CheckoutSummary/CheckoutSummary';
+import { SlotProps } from '../types';
+import { CheckoutMobileStepperProps } from '../CheckoutMobileStepper';
+import { CheckoutSummarySkeletonProps } from '../CheckoutSummarySkeleton/CheckoutSummarySkeleton';
+import { CheckoutSubmitButtonProps } from '../CheckoutSubmitButton/CheckoutSubmitButton';
+import { CheckoutMobileStepperSkeletonProps } from '../CheckoutMobileStepperSkeleton/CheckoutMobileStepperSkeleton';
+export interface CheckoutContainerProps extends Omit<BoxProps, 'ref'> {
+    children: ReactNode;
+    hideMobileStepper?: boolean;
+    hidePoweredBy?: boolean;
+    summaryTopOffset?: number;
+    slots?: {
+        mobileStepper?: ElementType<CheckoutMobileStepperProps>;
+        mobileStepperSkeleton?: ElementType<CheckoutMobileStepperSkeletonProps>;
+        submitButton?: ElementType<CheckoutSubmitButtonProps>;
+        summary?: ElementType<CheckoutSummaryProps>;
+        summarySkeleton?: ElementType<CheckoutSummarySkeletonProps>;
+    };
+    slotProps?: {
+        mobileStepper?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutMobileStepperProps>>;
+        mobileStepperSkeleton?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutMobileStepperSkeletonProps>>;
+        submitButton?: SlotProps<HTMLAttributes<HTMLButtonElement> & Partial<CheckoutSubmitButtonProps>>;
+        summary?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutSummaryProps>>;
+        summarySkeleton?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutSummarySkeletonProps>>;
+    };
+}
+export declare const CheckoutContainer: (props: CheckoutContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutContainer.d.ts.map

package/dist/CheckoutContainer/CheckoutContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutContainer.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutContainer/CheckoutContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,oDAAoD,CAAC;AAE5D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,gEAAgE,CAAC;AAExE,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,aAAa,CAAC,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;QACxD,qBAAqB,CAAC,EAAE,WAAW,CAAC,kCAAkC,CAAC,CAAC;QACxE,YAAY,CAAC,EAAE,WAAW,CAAC,yBAAyB,CAAC,CAAC;QACtD,OAAO,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;QAC5C,eAAe,CAAC,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;KAC7D,CAAC;IACF,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,SAAS,CACvB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,0BAA0B,CAAC,CACrE,CAAC;QACF,qBAAqB,CAAC,EAAE,SAAS,CAC/B,cAAc,CAAC,cAAc,CAAC,GAC5B,OAAO,CAAC,kCAAkC,CAAC,CAC9C,CAAC;QACF,YAAY,CAAC,EAAE,SAAS,CACtB,cAAc,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC,yBAAyB,CAAC,CACvE,CAAC;QACF,OAAO,CAAC,EAAE,SAAS,CACjB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAC/D,CAAC;QACF,eAAe,CAAC,EAAE,SAAS,CACzB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,4BAA4B,CAAC,CACvE,CAAC;KACH,CAAC;CACH;AAUD,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,qDA+H9D,CAAC"}

package/dist/CheckoutContainer/CheckoutContainer.js

@@ -0,0 +1,140 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { CheckoutContainer as v } from "./CheckoutContainer.styles.js";
+import "react";
+import { Box as o } from "@afosto/components";
+import { CheckoutSummary as g } from "../CheckoutSummary/CheckoutSummary.js";
+import { resolveSlotProps as m } from "../utils/resolveSlotProps.js";
+import { CheckoutMobileStepper as w } from "../CheckoutMobileStepper/CheckoutMobileStepper.js";
+import { CheckoutPoweredBy as B } from "../CheckoutPoweredBy/CheckoutPoweredBy.js";
+import { CheckoutSummarySkeleton as M } from "../CheckoutSummarySkeleton/CheckoutSummarySkeleton.js";
+import { useCheckout as D } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutSubmitButton as j } from "../CheckoutSubmitButton/CheckoutSubmitButton.js";
+import { CheckoutMobileStepperSkeleton as A } from "../CheckoutMobileStepperSkeleton/CheckoutMobileStepperSkeleton.js";
+const W = {
+  mobileStepper: w,
+  mobileStepperSkeleton: A,
+  submitButton: j,
+  summary: g,
+  summarySkeleton: M
+}, I = (u) => {
+  const {
+    children: x,
+    hideMobileStepper: l = !1,
+    hidePoweredBy: S = !1,
+    slots: h = {},
+    slotProps: t = {},
+    summaryTopOffset: p = 0,
+    ...f
+  } = u, { isLoading: s, submitButtonPortalRef: k } = D(), r = {
+    ...W,
+    ...h
+  }, y = r.mobileStepper, n = m(
+    {},
+    t.mobileStepper,
+    {}
+  ), b = r.mobileStepperSkeleton, c = m(
+    {},
+    t.mobileStepperSkeleton,
+    {}
+  ), C = r.summary, d = m({}, t.summary, {}), P = r.summarySkeleton, a = m(
+    {},
+    t.summarySkeleton,
+    {}
+  );
+  return /* @__PURE__ */ i(v, { ...f, children: [
+    /* @__PURE__ */ e(
+      o,
+      {
+        sx: {
+          gridArea: "content",
+          display: "grid",
+          height: "100%",
+          pr: { md: 8 }
+        },
+        children: /* @__PURE__ */ i(o, { sx: { maxWidth: 582, mx: "auto", width: "100%" }, children: [
+          !s && !l && /* @__PURE__ */ e(
+            y,
+            {
+              ...n,
+              sx: {
+                display: { xs: "flex", md: "none" },
+                mt: 2.5,
+                ...n?.sx || {}
+              }
+            }
+          ),
+          s && !l && /* @__PURE__ */ e(
+            b,
+            {
+              ...c,
+              sx: {
+                display: { xs: "flex", md: "none" },
+                mt: 2.5,
+                ...c?.sx || {}
+              }
+            }
+          ),
+          /* @__PURE__ */ e(o, { sx: { pt: { xs: 6, md: 7 }, pb: { xs: 6, md: 15 } }, children: x })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      o,
+      {
+        sx: {
+          display: { xs: "none", md: "block" },
+          gridArea: "summary",
+          pl: 8
+        },
+        children: /* @__PURE__ */ i(
+          o,
+          {
+            className: "checkout-sticky-summary",
+            sx: {
+              position: "sticky",
+              top: p,
+              display: "flex",
+              flexDirection: "column",
+              maxHeight: `calc(100vh - ${p}px)`,
+              maxWidth: 410,
+              width: "100%",
+              mx: "auto",
+              pt: { xs: 6, md: 7 },
+              pb: { xs: 6, md: 9 }
+            },
+            children: [
+              s ? /* @__PURE__ */ e(
+                P,
+                {
+                  ...a,
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    overflow: "hidden",
+                    ...a?.sx || {}
+                  }
+                }
+              ) : /* @__PURE__ */ e(
+                C,
+                {
+                  ...d,
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    overflow: "hidden",
+                    ...d?.sx || {}
+                  }
+                }
+              ),
+              /* @__PURE__ */ e("div", { ref: k })
+            ]
+          }
+        )
+      }
+    ),
+    !S && /* @__PURE__ */ e(B, {})
+  ] });
+};
+export {
+  I as CheckoutContainer
+};

package/dist/CheckoutContainer/CheckoutContainer.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const CheckoutContainer: import('@emotion/styled').StyledComponent<Omit<import('@afosto/components').BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement | HTMLSpanElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+//# sourceMappingURL=CheckoutContainer.styles.d.ts.map

package/dist/CheckoutContainer/CheckoutContainer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutContainer.styles.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutContainer/CheckoutContainer.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;UAiC7B,CAAC"}

package/dist/CheckoutContainer/CheckoutContainer.styles.js

@@ -0,0 +1,39 @@
+import e from "@emotion/styled";
+import { Box as i } from "@afosto/components";
+const n = e(i)`
+  position: relative;
+  display: grid;
+  grid-template-areas: 'content';
+  max-width: 1200px;
+  width: 100%;
+  min-height: calc(100vh - 65px);
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: ${(t) => t.theme.spacing(2.5)};
+  padding-left: ${(t) => t.theme.spacing(2.5)};
+
+  ${(t) => t.theme.breakpoints.up("md")} {
+    grid-template-columns: 7fr 5fr;
+    grid-template-areas: 'content summary';
+    padding-right: ${(t) => t.theme.spacing(7)};
+    padding-left: ${(t) => t.theme.spacing(7)};
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      background-color: ${(t) => t.theme.palette.common.white};
+      z-index: -1;
+      ${(t) => t.theme.breakpoints.up("md")} {
+        right: calc(${100 / 12 * 5}% + 10px);
+        left: -100%;
+      }
+    }
+  }
+`;
+export {
+  n as CheckoutContainer
+};

package/dist/CheckoutContainer/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/CheckoutContainer/index.js

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

package/dist/CheckoutCurrency/CheckoutCurrency.d.ts

@@ -0,0 +1,8 @@
+export interface CheckoutCurrencyProps {
+    currency?: string;
+    value: number | bigint;
+    locale?: string;
+    options?: Intl.NumberFormatOptions;
+}
+export declare const CheckoutCurrency: (props: CheckoutCurrencyProps) => string;
+//# sourceMappingURL=CheckoutCurrency.d.ts.map

package/dist/CheckoutCurrency/CheckoutCurrency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutCurrency.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutCurrency/CheckoutCurrency.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,WAoB5D,CAAC"}

package/dist/CheckoutCurrency/CheckoutCurrency.js

@@ -0,0 +1,18 @@
+import { useCheckout as y } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const m = (c) => {
+  const {
+    currency: e,
+    value: o,
+    locale: r,
+    options: t
+  } = c, { locale: n, settings: u } = y(), { currency: l } = u || {}, s = {
+    style: "currency",
+    currency: e || l || "EUR"
+  }, a = r || n;
+  return new Intl.NumberFormat(a, t || s).format(
+    o
+  );
+};
+export {
+  m as CheckoutCurrency
+};

package/dist/CheckoutCurrency/index.d.ts

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

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

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

package/dist/CheckoutCurrency/index.js

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

package/dist/CheckoutDownPaymentAgreementsSummary/CheckoutDownPaymentAgreementsSummary.d.ts

@@ -0,0 +1,13 @@
+import { CheckoutSummaryAgreement, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    payImmediately: string;
+};
+export interface CheckoutDownPaymentAgreementsSummaryProps {
+    currency?: string;
+    locale?: string;
+    downPaymentAgreements?: CheckoutSummaryAgreement[];
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutDownPaymentAgreementsSummary: (props: CheckoutDownPaymentAgreementsSummaryProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CheckoutDownPaymentAgreementsSummary.d.ts.map

package/dist/CheckoutDownPaymentAgreementsSummary/CheckoutDownPaymentAgreementsSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutDownPaymentAgreementsSummary.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutDownPaymentAgreementsSummary/CheckoutDownPaymentAgreementsSummary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAItE,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,yCAAyC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,oCAAoC,GAC/C,OAAO,yCAAyC,4DAoDjD,CAAC"}

package/dist/CheckoutDownPaymentAgreementsSummary/CheckoutDownPaymentAgreementsSummary.js

@@ -0,0 +1,57 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { Box as r, Typography as a } from "@afosto/components";
+import { useCheckout as y } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { TurnDownRightSolid as u } from "../icons/TurnDownRightSolid.js";
+import { CheckoutCurrency as h } from "../CheckoutCurrency/CheckoutCurrency.js";
+const f = {
+  payImmediately: "Pay immediately"
+}, P = (i) => {
+  const {
+    currency: l,
+    locale: s,
+    downPaymentAgreements: n = [],
+    translations: m = {}
+  } = i || {}, { translations: c } = y(), d = {
+    ...f,
+    ...c?.downPaymentsSummary || {},
+    ...m || {}
+  };
+  return n.length ? /* @__PURE__ */ t(
+    r,
+    {
+      sx: {
+        borderBottom: (e) => `1px solid ${e.palette.divider}`,
+        borderTop: (e) => `1px solid ${e.palette.divider}`,
+        my: 2.5,
+        py: 2.5
+      },
+      children: n.map((e) => /* @__PURE__ */ o(r, { display: "flex", justifyContent: "space-between", children: [
+        /* @__PURE__ */ o(r, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
+          /* @__PURE__ */ t(
+            u,
+            {
+              sx: { color: (p) => p.palette.gray[400], fontSize: 16 }
+            }
+          ),
+          /* @__PURE__ */ o(a, { color: "gray.800", children: [
+            d.payImmediately,
+            " (",
+            e.originalPercentage,
+            "%)"
+          ] })
+        ] }),
+        /* @__PURE__ */ t(a, { color: "gray.800", fontWeight: 500, children: /* @__PURE__ */ t(
+          h,
+          {
+            currency: l,
+            locale: s,
+            value: e.amount / 100
+          }
+        ) })
+      ] }, e.type))
+    }
+  ) : null;
+};
+export {
+  P as CheckoutDownPaymentAgreementsSummary
+};

package/dist/CheckoutDownPaymentAgreementsSummary/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutDownPaymentAgreementsSummary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAC;AAC9F,YAAY,EAAE,yCAAyC,EAAE,MAAM,wCAAwC,CAAC"}

package/dist/CheckoutDownPaymentAgreementsSummary/index.js

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

package/dist/CheckoutEmptyMessageAlert/CheckoutEmptyMessageAlert.d.ts

@@ -0,0 +1,8 @@
+import { AlertProps } from '@afosto/components';
+export interface CheckoutEmptyMessageAlertProps {
+    title: string;
+    description: string;
+    severity?: AlertProps['severity'];
+}
+export declare const CheckoutEmptyMessageAlert: (props: CheckoutEmptyMessageAlertProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutEmptyMessageAlert.d.ts.map

package/dist/CheckoutEmptyMessageAlert/CheckoutEmptyMessageAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutEmptyMessageAlert.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutEmptyMessageAlert/CheckoutEmptyMessageAlert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAc,MAAM,oBAAoB,CAAC;AAExE,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,yBAAyB,GACpC,OAAO,8BAA8B,qDAUtC,CAAC"}

package/dist/CheckoutEmptyMessageAlert/CheckoutEmptyMessageAlert.js

@@ -0,0 +1,12 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { Alert as n, AlertTitle as l } from "@afosto/components";
+const p = (t) => {
+  const { title: e, description: r, severity: i = "warning" } = t;
+  return /* @__PURE__ */ o(n, { severity: i, children: [
+    /* @__PURE__ */ s(l, { children: e }),
+    r
+  ] });
+};
+export {
+  p as CheckoutEmptyMessageAlert
+};

package/dist/CheckoutEmptyMessageAlert/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutEmptyMessageAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/CheckoutEmptyMessageAlert/index.js

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

package/dist/CheckoutErrorMessageAlert/CheckoutErrorMessageAlert.d.ts

@@ -0,0 +1,7 @@
+import { AlertProps } from '@afosto/components';
+import { CheckoutErrorMessage } from '../types';
+export interface CheckoutErrorMessageAlertProps extends AlertProps {
+    errorMessage: NonNullable<CheckoutErrorMessage>;
+}
+export declare const CheckoutErrorMessageAlert: (props: CheckoutErrorMessageAlertProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutErrorMessageAlert.d.ts.map

package/dist/CheckoutErrorMessageAlert/CheckoutErrorMessageAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutErrorMessageAlert.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutErrorMessageAlert/CheckoutErrorMessageAlert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAoB,MAAM,oBAAoB,CAAC;AAC9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,WAAW,8BAA+B,SAAQ,UAAU;IAChE,YAAY,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,yBAAyB,GACpC,OAAO,8BAA8B,qDA0BtC,CAAC"}

package/dist/CheckoutErrorMessageAlert/CheckoutErrorMessageAlert.js

@@ -0,0 +1,28 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Alert as n, AlertTitle as c, Link as l } from "@afosto/components";
+const p = (o) => {
+  const { errorMessage: t, ...e } = o;
+  return /* @__PURE__ */ i(n, { severity: "error", icon: !0, ...e, children: [
+    t.title && /* @__PURE__ */ r(c, { children: t.title }),
+    t.description,
+    t.action && /* @__PURE__ */ r(
+      l,
+      {
+        color: "error.600",
+        component: "button",
+        type: "button",
+        onClick: t.action.onClick,
+        sx: {
+          display: "block",
+          fontWeight: 500,
+          mt: 1,
+          ...t.action.sx || {}
+        },
+        children: t.action.label
+      }
+    )
+  ] });
+};
+export {
+  p as CheckoutErrorMessageAlert
+};

package/dist/CheckoutErrorMessageAlert/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutErrorMessageAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/CheckoutErrorMessageAlert/index.js

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

package/dist/CheckoutExpressButton/CheckoutExpressButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '@afosto/components';
+import { CheckoutExpressPaymentMethod } from '../types';
+export interface CheckoutExpressButtonProps extends ButtonProps {
+    method: CheckoutExpressPaymentMethod;
+}
+export declare const CheckoutExpressButton: (props: CheckoutExpressButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutExpressButton.d.ts.map