@afosto/checkout-ui 0.0.1-alpha.1

package/dist/CheckoutSummaryDrawer/CheckoutSummaryDrawer.js

@@ -0,0 +1,68 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { Drawer as w, Typography as T, IconButton as D } from "@afosto/components";
+import { CheckoutSummary as P } from "../CheckoutSummary/CheckoutSummary.js";
+import { resolveSlotProps as x } from "../utils/resolveSlotProps.js";
+import { isDefined as j } from "@afosto/utils";
+import { CheckoutSummaryDrawerHeader as B, CheckoutSummaryDrawerContent as O } from "./CheckoutSummaryDrawer.styles.js";
+import { TimesLight as b } from "../icons/TimesLight.js";
+import { useCheckout as z } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const H = {
+  summary: P
+}, I = {
+  title: "Overview"
+}, N = (l) => {
+  const {
+    anchor: t = "right",
+    elevation: e,
+    hideBackdrop: s,
+    onClose: r,
+    open: n,
+    slots: c = {},
+    slotProps: p = {},
+    titleTypographyProps: u = {},
+    translations: d = {},
+    variant: a,
+    ...h
+  } = l, {
+    showSummary: y,
+    toggleSummary: f,
+    translations: S
+  } = z(), i = j(n) ? n : y, k = {
+    ...I,
+    ...S?.summaryDrawer || {},
+    ...d
+  }, v = {
+    ...H,
+    ...c
+  }.summary, C = x({}, p.summary, {
+    anchor: t,
+    elevation: e,
+    hideBackdrop: s,
+    open: i,
+    variant: a
+  }), g = () => {
+    r && typeof r == "function" ? r({}, "backdropClick") : f();
+  };
+  return /* @__PURE__ */ m(
+    w,
+    {
+      anchor: t,
+      elevation: e,
+      hideBackdrop: s,
+      open: i,
+      onClose: r,
+      variant: a,
+      ...h,
+      children: [
+        /* @__PURE__ */ m(B, { children: [
+          /* @__PURE__ */ o(T, { variant: "h5", ...u, children: k.title }),
+          /* @__PURE__ */ o(D, { onClick: g, size: "large", sx: { ml: "auto" }, children: /* @__PURE__ */ o(b, {}) })
+        ] }),
+        /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(v, { hideTitle: !0, ...C }) })
+      ]
+    }
+  );
+};
+export {
+  N as CheckoutSummaryDrawer
+};

package/dist/CheckoutSummaryDrawer/CheckoutSummaryDrawer.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const CheckoutSummaryDrawerHeader: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckoutSummaryDrawerContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=CheckoutSummaryDrawer.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutSummaryDrawer.styles.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutSummaryDrawer/CheckoutSummaryDrawer.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B;;;yGASvC,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;yGAIxC,CAAC"}

package/dist/CheckoutSummaryDrawer/CheckoutSummaryDrawer.styles.js

@@ -0,0 +1,19 @@
+import t from "@emotion/styled";
+const o = t.div`
+  position: sticky;
+  z-index: 1;
+  top: 0;
+  display: flex;
+  align-items: center;
+  padding: ${({ theme: e }) => e.spacing(2, 1.5, 2, 3)};
+  border-bottom: ${({ theme: e }) => `1px solid ${e.palette.divider}`};
+  background-color: ${({ theme: e }) => e.palette.background.paper};
+`, r = t.div`
+  padding: ${({ theme: e }) => e.spacing(0, 3, 3, 3)};
+  position: relative;
+  z-index: 0;
+`;
+export {
+  r as CheckoutSummaryDrawerContent,
+  o as CheckoutSummaryDrawerHeader
+};

package/dist/CheckoutSummaryDrawer/index.d.ts

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

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

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

package/dist/CheckoutSummaryDrawer/index.js

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

package/dist/CheckoutSummarySkeleton/CheckoutSummarySkeleton.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from '@afosto/components';
+export type CheckoutSummarySkeletonProps = Omit<BoxProps, 'ref'>;
+export declare const CheckoutSummarySkeleton: (props: CheckoutSummarySkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutSummarySkeleton.d.ts.map

package/dist/CheckoutSummarySkeleton/CheckoutSummarySkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutSummarySkeleton.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutSummarySkeleton/CheckoutSummarySkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,QAAQ,EAId,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAEjE,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,qDAgDpC,CAAC"}

package/dist/CheckoutSummarySkeleton/CheckoutSummarySkeleton.js

@@ -0,0 +1,29 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { Box as r, Skeleton as e, Divider as d, Typography as i } from "@afosto/components";
+const s = (a) => /* @__PURE__ */ n(r, { ...a, children: [
+  /* @__PURE__ */ t(e, { height: 36, width: 200, sx: { mb: 2.5 } }),
+  /* @__PURE__ */ t(d, { sx: { my: 2 } }),
+  /* @__PURE__ */ n(r, { sx: { display: "flex", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { variant: "text", width: 150 }) }),
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { variant: "text", width: 100 }) })
+  ] }),
+  /* @__PURE__ */ n(r, { sx: { display: "flex", justifyContent: "space-between", mt: 1.5 }, children: [
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { variant: "text", width: 200 }) }),
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { variant: "text", width: 75 }) })
+  ] }),
+  /* @__PURE__ */ n(r, { sx: { display: "flex", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ t(i, { variant: "bodyLarge", children: /* @__PURE__ */ t(e, { variant: "text", width: 150 }) }),
+    /* @__PURE__ */ t(i, { variant: "bodyLarge", children: /* @__PURE__ */ t(e, { variant: "text", width: 100 }) })
+  ] }),
+  /* @__PURE__ */ n(r, { sx: { display: "flex", justifyContent: "space-between", mt: 1.5 }, children: [
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { variant: "text", width: 200 }) }),
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { variant: "text", width: 75 }) })
+  ] }),
+  /* @__PURE__ */ n(r, { sx: { display: "flex", justifyContent: "space-between", mt: 1.5 }, children: [
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { variant: "text", width: 175 }) }),
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(e, { variant: "text", width: 65 }) })
+  ] })
+] });
+export {
+  s as CheckoutSummarySkeleton
+};

package/dist/CheckoutSummarySkeleton/index.d.ts

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

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

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

package/dist/CheckoutSummarySkeleton/index.js

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

package/dist/CheckoutSummaryToggleButton/CheckoutSummaryToggleButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '@afosto/components';
+export interface CheckoutSummaryToggleButtonProps extends ButtonProps {
+    currency?: string;
+    locale?: string;
+    total?: number;
+}
+export declare const CheckoutSummaryToggleButton: (props: CheckoutSummaryToggleButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutSummaryToggleButton.d.ts.map

package/dist/CheckoutSummaryToggleButton/CheckoutSummaryToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutSummaryToggleButton.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutSummaryToggleButton/CheckoutSummaryToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAY,MAAM,oBAAoB,CAAC;AAMxE,MAAM,WAAW,gCAAiC,SAAQ,WAAW;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDAmDxC,CAAC"}

package/dist/CheckoutSummaryToggleButton/CheckoutSummaryToggleButton.js

@@ -0,0 +1,45 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Button as C, Skeleton as S } from "@afosto/components";
+import { ShoppingCartLight as v } from "../icons/ShoppingCartLight.js";
+import { isDefined as r } from "@afosto/utils";
+import { useCheckout as k } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutCurrency as x } from "../CheckoutCurrency/CheckoutCurrency.js";
+const w = (c) => {
+  const {
+    children: t,
+    color: l = "secondary",
+    currency: e,
+    disabled: m,
+    locale: d,
+    startIcon: s = /* @__PURE__ */ o(v, { sx: { fontSize: "20px !important" } }),
+    size: u = "large",
+    variant: p = "outlined",
+    total: n,
+    ...g
+  } = c, { isLoading: i, summary: a, toggleSummary: h } = k(), y = r(n) ? n || 0 : a?.total || 0, f = r(e) ? e : a?.currency;
+  return /* @__PURE__ */ o(
+    C,
+    {
+      ...g,
+      disabled: m || i,
+      color: l,
+      onClick: () => {
+        h();
+      },
+      size: u,
+      startIcon: s,
+      variant: p,
+      children: r(t) ? t : i ? /* @__PURE__ */ o(S, { width: 64, variant: "text" }) : /* @__PURE__ */ o(
+        x,
+        {
+          currency: f,
+          locale: d,
+          value: y / 100
+        }
+      )
+    }
+  );
+};
+export {
+  w as CheckoutSummaryToggleButton
+};

package/dist/CheckoutSummaryToggleButton/index.d.ts

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

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

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

package/dist/CheckoutSummaryToggleButton/index.js

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

package/dist/CheckoutTerminalsField/CheckoutTerminalsField.d.ts

@@ -0,0 +1,15 @@
+import { CheckoutPaymentMethodTerminal, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    failedToSelectTerminalTitle: string;
+    failedToSelectTerminalDescription: string;
+    terminalFieldPlaceholder: string;
+};
+export interface CheckoutTerminalsFieldProps {
+    disabled?: boolean;
+    name?: string;
+    terminals: CheckoutPaymentMethodTerminal[];
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutTerminalsField: (props: CheckoutTerminalsFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutTerminalsField.d.ts.map

package/dist/CheckoutTerminalsField/CheckoutTerminalsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutTerminalsField.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutTerminalsField/CheckoutTerminalsField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,UAAU,CAAC;AAE3D,QAAA,MAAM,mBAAmB;;;;CAKxB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,6BAA6B,EAAE,CAAC;IAC3C,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,qDAkGxE,CAAC"}

package/dist/CheckoutTerminalsField/CheckoutTerminalsField.js

@@ -0,0 +1,67 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useFormContext as F, Fields as k, Typography as v } from "@afosto/components";
+import { useCheckout as V } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { getErrorMessage as b } from "../utils/getErrorMessage.js";
+import { capitalize as x } from "@afosto/utils";
+const E = {
+  failedToSelectTerminalTitle: "Terminal not selected",
+  failedToSelectTerminalDescription: "Something went wrong while selecting the terminal. Choose another terminal or try again.",
+  terminalFieldPlaceholder: "Choose a terminal"
+}, q = (f) => {
+  const {
+    disabled: T,
+    name: r = "terminalId",
+    terminals: o = [],
+    translations: g = {}
+  } = f, {
+    activeStep: s,
+    addPaymentMethod: y,
+    setErrorMessage: c,
+    setIsProcessing: n,
+    translations: d
+  } = V(), { formProps: I, getValues: C, setValue: m, watch: S } = F(), { setData: P } = I || {}, [h] = S([r]), l = {
+    ...E,
+    ...d?.terminalsField || {},
+    ...d?.feedback || {},
+    ...g || {}
+  }, w = async (e) => {
+    const p = h || "";
+    try {
+      c(null), n(!0);
+      const { value: t } = e.target, a = C();
+      m(r, t || ""), await y({
+        methodId: a.methodId,
+        terminalId: t
+      }), P((i) => (i.splice(s, 1, {
+        ...i[s],
+        terminalId: t || ""
+      }), i)), n(!1);
+    } catch (t) {
+      const a = b(t);
+      c({
+        title: l.failedToSelectTerminalTitle,
+        description: a ? x(a) : l.failedToSelectTerminalDescription
+      }), m(r, p), n(!1);
+    }
+  };
+  return /* @__PURE__ */ u(
+    k.Select,
+    {
+      displayEmpty: !0,
+      disabled: T,
+      name: r,
+      onChange: w,
+      options: o.map((e) => ({
+        ...e,
+        value: e.id
+      })),
+      placeholder: l.terminalFieldPlaceholder,
+      renderValue: (e) => e ? o.find((t) => t.id === e)?.label || "" : /* @__PURE__ */ u(v, { color: "gray.600", children: l.terminalFieldPlaceholder }),
+      value: h,
+      fullWidth: !0
+    }
+  );
+};
+export {
+  q as CheckoutTerminalsField
+};

package/dist/CheckoutTerminalsField/index.d.ts

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

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

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

package/dist/CheckoutTerminalsField/index.js

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

package/dist/CheckoutTermsAndPrivacyMessage/CheckoutTermsAndPrivacyMessage.d.ts

@@ -0,0 +1,14 @@
+import { TypographyProps } from '@afosto/components';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    privacyLinkLabel: string;
+    termsAndPrivacyMessage: string;
+    termsLinkLabel: string;
+};
+export interface CheckoutTermsAndPrivacyMessageProps extends TypographyProps {
+    submitLabel?: string;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutTermsAndPrivacyMessage: (props: CheckoutTermsAndPrivacyMessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutTermsAndPrivacyMessage.d.ts.map

package/dist/CheckoutTermsAndPrivacyMessage/CheckoutTermsAndPrivacyMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutTermsAndPrivacyMessage.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutTermsAndPrivacyMessage/CheckoutTermsAndPrivacyMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;CAKxB,CAAC;AAEF,MAAM,WAAW,mCAAoC,SAAQ,eAAe;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,8BAA8B,GACzC,OAAO,mCAAmC,qDAgD3C,CAAC"}

package/dist/CheckoutTermsAndPrivacyMessage/CheckoutTermsAndPrivacyMessage.js

@@ -0,0 +1,38 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Link as r, Typography as L } from "@afosto/components";
+import { useCheckout as d } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { replaceElementsInString as g } from "../utils/replaceElementsInString.js";
+const v = {
+  privacyLinkLabel: "privacy & cookie statement",
+  termsAndPrivacyMessage: 'By clicking "{submitLabel}" you agree with the {termsLink} and {privacyLink}.',
+  termsLinkLabel: "terms and conditions"
+}, A = (s) => {
+  const {
+    submitLabel: a,
+    translations: i = {},
+    ...o
+  } = s || {}, { settings: c, translations: l } = d(), { links: n } = c || {}, t = {
+    ...v,
+    ...l.termsAndPrivacyMessage || {},
+    ...i || {}
+  }, m = /* @__PURE__ */ e(r, { href: n?.termsConditions || "#", target: "_blank", children: t.termsLinkLabel }, "terms-link"), k = /* @__PURE__ */ e(
+    r,
+    {
+      href: n?.privacyAgreement || "#",
+      target: "_blank",
+      children: t.privacyLinkLabel
+    },
+    "privacy-link"
+  ), p = {
+    submitLabel: a || "",
+    termsLink: m,
+    privacyLink: k
+  }, y = g(
+    t.termsAndPrivacyMessage,
+    p
+  );
+  return /* @__PURE__ */ e(L, { variant: "bodySmall", color: "gray.800", ...o, children: y });
+};
+export {
+  A as CheckoutTermsAndPrivacyMessage
+};

package/dist/CheckoutTermsAndPrivacyMessage/index.d.ts

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

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

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

package/dist/CheckoutTermsAndPrivacyMessage/index.js

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

package/dist/CheckoutTopBar/CheckoutTopBar.d.ts

@@ -0,0 +1,29 @@
+import { AppBarProps } from '@afosto/components';
+import { ElementType, HTMLAttributes } from 'react';
+import { CheckoutLogoProps } from '../CheckoutLogo/CheckoutLogo';
+import { SlotProps } from '../types';
+import { CheckoutStepperProps } from '../CheckoutStepper/CheckoutStepper';
+import { CheckoutSummaryDrawerProps } from '../CheckoutSummaryDrawer/CheckoutSummaryDrawer';
+import { CheckoutSummaryToggleButtonProps } from '../CheckoutSummaryToggleButton/CheckoutSummaryToggleButton';
+import { CheckoutSummaryProps } from '../CheckoutSummary/CheckoutSummary';
+export interface CheckoutTopBarOwnerState {
+    position?: 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
+}
+export interface CheckoutTopBarProps extends Omit<AppBarProps, 'ref'> {
+    slots?: {
+        logo?: ElementType<CheckoutLogoProps, 'img' | 'a'>;
+        stepper?: ElementType<CheckoutStepperProps>;
+        summary?: ElementType<CheckoutSummaryProps>;
+        summaryDrawer?: ElementType<CheckoutSummaryDrawerProps>;
+        summaryToggleButton?: ElementType<CheckoutSummaryToggleButtonProps>;
+    };
+    slotProps?: {
+        logo?: SlotProps<HTMLAttributes<HTMLAnchorElement | HTMLImageElement> & CheckoutLogoProps, CheckoutTopBarOwnerState>;
+        stepper?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutStepperProps>, CheckoutTopBarOwnerState>;
+        summary?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutSummaryProps>>;
+        summaryDrawer?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutSummaryDrawerProps>, CheckoutTopBarOwnerState>;
+        summaryToggleButton?: SlotProps<Omit<HTMLAttributes<HTMLButtonElement>, 'color'> & Partial<CheckoutSummaryToggleButtonProps>, CheckoutTopBarOwnerState>;
+    };
+}
+export declare const CheckoutTopBar: (props: CheckoutTopBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutTopBar.d.ts.map

package/dist/CheckoutTopBar/CheckoutTopBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutTopBar.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutTopBar/CheckoutTopBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAgB,MAAM,oBAAoB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,4DAA4D,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACpE;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;IACnE,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,WAAW,CAAC,iBAAiB,EAAE,KAAK,GAAG,GAAG,CAAC,CAAC;QACnD,OAAO,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;QAC5C,OAAO,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;QAC5C,aAAa,CAAC,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;QACxD,mBAAmB,CAAC,EAAE,WAAW,CAAC,gCAAgC,CAAC,CAAC;KACrE,CAAC;IACF,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,SAAS,CACd,cAAc,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,GAAG,iBAAiB,EACxE,wBAAwB,CACzB,CAAC;QACF,OAAO,CAAC,EAAE,SAAS,CACjB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,oBAAoB,CAAC,EAC9D,wBAAwB,CACzB,CAAC;QACF,OAAO,CAAC,EAAE,SAAS,CACjB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAC/D,CAAC;QACF,aAAa,CAAC,EAAE,SAAS,CACvB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,0BAA0B,CAAC,EACpE,wBAAwB,CACzB,CAAC;QACF,mBAAmB,CAAC,EAAE,SAAS,CAC7B,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,GAC9C,OAAO,CAAC,gCAAgC,CAAC,EAC3C,wBAAwB,CACzB,CAAC;KACH,CAAC;CACH;AASD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,qDA6GxD,CAAC"}

package/dist/CheckoutTopBar/CheckoutTopBar.js

@@ -0,0 +1,109 @@
+import { jsxs as l, Fragment as C, jsx as o } from "react/jsx-runtime";
+import { AppBar as v, Toolbar as b, Box as u } from "@afosto/components";
+import { CheckoutLogo as j } from "../CheckoutLogo/CheckoutLogo.js";
+import { resolveSlotProps as m } from "../utils/resolveSlotProps.js";
+import { CheckoutStepper as L } from "../CheckoutStepper/CheckoutStepper.js";
+import { CheckoutSummaryDrawer as A } from "../CheckoutSummaryDrawer/CheckoutSummaryDrawer.js";
+import { CheckoutSummaryToggleButton as F } from "../CheckoutSummaryToggleButton/CheckoutSummaryToggleButton.js";
+const G = {
+  logo: j,
+  stepper: L,
+  summaryDrawer: A,
+  summaryToggleButton: F
+}, J = (i) => {
+  const {
+    position: r = "sticky",
+    slots: c = {},
+    slotProps: t = {},
+    ...e
+  } = i, s = {
+    ...G,
+    ...c
+  }, d = s.logo, y = m({}, t.logo, {
+    position: r
+  }), x = s.stepper, g = m({}, t.stepper, {
+    position: r
+  }), p = s.summary, a = m({}, t.summary, {}), S = s.summaryDrawer, h = m(
+    {},
+    t.summaryDrawer,
+    {
+      position: r
+    }
+  ), {
+    slots: P = {},
+    slotProps: f = {},
+    ...w
+  } = h, D = {
+    ...p ? { summary: p } : {},
+    ...P
+  }, B = {
+    ...a ? { summary: a } : {},
+    ...f
+  }, T = s.summaryToggleButton, n = m(
+    {},
+    t.summaryToggleButton,
+    { position: r }
+  );
+  return /* @__PURE__ */ l(C, { children: [
+    /* @__PURE__ */ o(
+      v,
+      {
+        ...e,
+        position: r,
+        sx: {
+          borderBottom: (k) => `1px solid ${k.palette.divider}`,
+          ...e?.sx || {}
+        },
+        children: /* @__PURE__ */ o(b, { sx: { py: 2, px: { xs: 2.5, md: 0 } }, disableGutters: !0, children: /* @__PURE__ */ l(
+          u,
+          {
+            sx: {
+              flex: 1,
+              alignItems: "center",
+              display: "grid",
+              gridTemplateColumns: {
+                xs: "min-content min-content",
+                md: "min-content auto",
+                lg: "1fr auto 1fr"
+              },
+              justifyContent: { xs: "space-between", md: "flex-start" },
+              gap: 4,
+              width: "100%",
+              maxWidth: { xs: 582, md: 1200 },
+              px: { xs: 0, md: 7 },
+              mx: "auto"
+            },
+            children: [
+              /* @__PURE__ */ o(d, { ...y }),
+              /* @__PURE__ */ o(u, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ o(x, { ...g }) }),
+              /* @__PURE__ */ o(
+                T,
+                {
+                  ...n,
+                  sx: {
+                    py: "9px",
+                    ...n?.sx || {},
+                    display: {
+                      md: "none"
+                    }
+                  }
+                }
+              )
+            ]
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ o(
+      S,
+      {
+        ...w,
+        slots: D,
+        slotProps: B
+      }
+    )
+  ] });
+};
+export {
+  J as CheckoutTopBar
+};

package/dist/CheckoutTopBar/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutTopBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/CheckoutTopBar/index.js

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

package/dist/CheckoutTypeSection/CheckoutTypeSection.d.ts

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

package/dist/CheckoutTypeSection/CheckoutTypeSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutTypeSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutTypeSection/CheckoutTypeSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,qDAgDlE,CAAC"}