@afosto/checkout-ui 0.0.1-alpha.1

package/dist/CheckoutItem/CheckoutItem.js

@@ -0,0 +1,142 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { Card as u, Box as c, Avatar as y, Typography as i } from "@afosto/components";
+import { isDefined as p, capitalize as f } from "@afosto/utils";
+import { CheckoutCurrency as d } from "../CheckoutCurrency/CheckoutCurrency.js";
+const g = ({
+  divider: l,
+  variant: o
+}) => ({
+  flat: {
+    card: {
+      sx: {
+        borderWidth: 0,
+        borderRadius: 0,
+        backgroundColor: "transparent",
+        ...l ? { "&:not(:last-of-type)": { borderBottomWidth: 1 } } : {}
+      }
+    },
+    box: {
+      sx: {
+        px: 0,
+        py: 2.5
+      }
+    },
+    avatar: {
+      sx: {}
+    },
+    description: {
+      sx: {
+        mr: 4,
+        ml: 2.5
+      }
+    },
+    price: {
+      sx: {}
+    }
+  },
+  card: {
+    card: { sx: {} },
+    box: { sx: { p: 2.5 } },
+    avatar: { sx: {} },
+    description: {
+      sx: {
+        mr: 3,
+        ml: 4
+      }
+    },
+    price: {
+      sx: {}
+    }
+  }
+})[o] ?? {}, S = (l) => {
+  const {
+    currency: o,
+    divider: x = !0,
+    item: t,
+    locale: n,
+    variant: m = "flat",
+    ...h
+  } = l, s = g({ variant: m, divider: x });
+  return /* @__PURE__ */ r(u, { ...h, ...s.card || {}, children: /* @__PURE__ */ a(c, { display: "flex", ...s.box || {}, children: [
+    /* @__PURE__ */ r(
+      y,
+      {
+        variant: "rounded",
+        sx: { height: 48, width: 48 },
+        src: t.image
+      }
+    ),
+    /* @__PURE__ */ a(c, { flex: 1, ...s.description || {}, children: [
+      /* @__PURE__ */ a(i, { color: "gray.800", fontWeight: 500, children: [
+        t.quantity > 1 && `${t.quantity}x `,
+        t.label || t.sku
+      ] }),
+      (t.adjustments || []).map((e) => /* @__PURE__ */ a(
+        i,
+        {
+          color: "gray.700",
+          variant: "bodySmall",
+          sx: { mt: 0.5 },
+          children: [
+            f(e.description || ""),
+            e.isPercentage ? ` (${e.amount}%)` : "",
+            " -",
+            " ",
+            /* @__PURE__ */ r(
+              d,
+              {
+                value: (e.outcome?.amount || 0) / 100,
+                currency: o,
+                locale: n
+              }
+            )
+          ]
+        },
+        e.id
+      ))
+    ] }),
+    p(t.total) && /* @__PURE__ */ a(
+      c,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "flex-end",
+          gap: 0.5
+        },
+        children: [
+          /* @__PURE__ */ r(i, { component: "span", fontWeight: 500, children: /* @__PURE__ */ r(
+            d,
+            {
+              value: t.total / 100,
+              currency: o,
+              locale: n
+            }
+          ) }),
+          p(t.subtotal) && t.subtotal !== t.total && /* @__PURE__ */ r(
+            i,
+            {
+              component: "span",
+              color: "gray.700",
+              variant: "bodySmall",
+              sx: {
+                textDecoration: "line-through"
+              },
+              children: /* @__PURE__ */ r(
+                d,
+                {
+                  value: t.subtotal / 100,
+                  currency: o,
+                  locale: n
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+export {
+  S as CheckoutItem
+};

package/dist/CheckoutItem/index.d.ts

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

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

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

package/dist/CheckoutItem/index.js

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

package/dist/CheckoutLayout/CheckoutLayout.d.ts

@@ -0,0 +1,25 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { CheckoutContainerProps } from '../CheckoutContainer/CheckoutContainer';
+import { CheckoutTopBarProps } from '../CheckoutTopBar/CheckoutTopBar';
+import { SlotProps } from '../types';
+import { CheckoutSummaryProps } from '../CheckoutSummary/CheckoutSummary';
+export interface CheckoutLayoutOwnerState {
+    flow?: 'cart' | 'order';
+    notFound?: boolean;
+}
+export interface CheckoutLayoutProps extends CheckoutLayoutOwnerState {
+    children: ReactNode;
+    hideTopBar?: boolean;
+    slots?: {
+        container?: ElementType<CheckoutContainerProps, 'div'>;
+        summary?: ElementType<CheckoutSummaryProps>;
+        topBar?: ElementType<CheckoutTopBarProps, 'div'>;
+    };
+    slotProps?: {
+        container?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutContainerProps>, CheckoutLayoutOwnerState>;
+        summary?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutSummaryProps>, CheckoutLayoutOwnerState>;
+        topBar?: SlotProps<HTMLAttributes<HTMLDivElement> & Partial<CheckoutTopBarProps>, CheckoutLayoutOwnerState>;
+    };
+}
+export declare const CheckoutLayout: (props: CheckoutLayoutProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutLayout.d.ts.map

package/dist/CheckoutLayout/CheckoutLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutLayout.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutLayout/CheckoutLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,wBAAwB;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,WAAW,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;QACvD,OAAO,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;QAC5C,MAAM,CAAC,EAAE,WAAW,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;KAClD,CAAC;IACF,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,SAAS,CACnB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,sBAAsB,CAAC,EAChE,wBAAwB,CACzB,CAAC;QACF,OAAO,CAAC,EAAE,SAAS,CACjB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,oBAAoB,CAAC,EAC9D,wBAAwB,CACzB,CAAC;QACF,MAAM,CAAC,EAAE,SAAS,CAChB,cAAc,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,EAC7D,wBAAwB,CACzB,CAAC;KACH,CAAC;CACH;AAOD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,qDA4DxD,CAAC"}

package/dist/CheckoutLayout/CheckoutLayout.js

@@ -0,0 +1,46 @@
+import { jsxs as h, Fragment as P, jsx as e } from "react/jsx-runtime";
+import { CheckoutContainer as B } from "../CheckoutContainer/CheckoutContainer.js";
+import { CheckoutTopBar as C } from "../CheckoutTopBar/CheckoutTopBar.js";
+import { resolveSlotProps as p } from "../utils/resolveSlotProps.js";
+import { useCheckout as F } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const k = {
+  container: B,
+  topBar: C
+}, N = (c) => {
+  const {
+    children: n,
+    hideTopBar: a = !1,
+    notFound: l,
+    slots: i = {},
+    slotProps: o = {}
+  } = c, { flow: u, notFound: y } = F(), m = l ?? y, s = {
+    ...k,
+    ...i
+  }, d = s.container, r = p({}, o.container, {
+    flow: u,
+    notFound: m
+  }), f = s.topBar, t = p({}, o.topBar, {
+    flow: u,
+    notFound: m
+  });
+  return (s.summary || o.summary) && (r.slots = {
+    ...r.slots,
+    ...s.summary ? { summary: s.summary } : {}
+  }, r.slotProps = {
+    ...r.slotProps,
+    ...o.summary ? { summary: o.summary } : {}
+  }, t.slots = {
+    ...t.slots,
+    ...s.summary ? { summary: s.summary } : {}
+  }, t.slotProps = {
+    ...t.slotProps,
+    ...o.summary ? { summary: o.summary } : {}
+  }), /* @__PURE__ */ h(P, { children: [
+    !a && /* @__PURE__ */ e(f, { ...t }),
+    m && n,
+    !m && /* @__PURE__ */ e(d, { summaryTopOffset: a ? 0 : 65, ...r, children: n })
+  ] });
+};
+export {
+  N as CheckoutLayout
+};

package/dist/CheckoutLayout/index.d.ts

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

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

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

package/dist/CheckoutLayout/index.js

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

package/dist/CheckoutLogo/CheckoutLogo.d.ts

@@ -0,0 +1,8 @@
+export interface CheckoutLogoProps {
+    height?: number;
+    isLoading?: boolean;
+    logo?: string;
+    width?: number;
+}
+export declare const CheckoutLogo: (props: CheckoutLogoProps) => string | import("@emotion/react/jsx-runtime").JSX.Element | undefined;
+//# sourceMappingURL=CheckoutLogo.d.ts.map

package/dist/CheckoutLogo/CheckoutLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutLogo.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutLogo/CheckoutLogo.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,0EAuDpD,CAAC"}

package/dist/CheckoutLogo/CheckoutLogo.js

@@ -0,0 +1,37 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Skeleton as p, Box as c, Link as u } from "@afosto/components";
+import { useCheckout as k } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const C = (g) => {
+  const {
+    height: n = 32,
+    isLoading: a,
+    logo: d,
+    width: i = 150
+  } = g, { isLoading: l, settings: h } = k(), { links: m, logo: L, storeName: e } = h ?? {}, { vendor: o } = m ?? {}, f = a ?? l, s = d ?? L, r = /* @__PURE__ */ t(
+    c,
+    {
+      component: "img",
+      src: s,
+      alt: e,
+      sx: {
+        objectFit: "contain",
+        objectPosition: "left center",
+        layout: "fill",
+        height: n,
+        width: i
+      }
+    }
+  );
+  return f ? /* @__PURE__ */ t(p, { height: n, width: i }) : s ? o ? /* @__PURE__ */ t(
+    c,
+    {
+      component: "a",
+      href: o,
+      sx: { height: n, width: i, position: "relative" },
+      children: r
+    }
+  ) : r : o ? /* @__PURE__ */ t(u, { href: o, variant: "h5", children: e }) : e;
+};
+export {
+  C as CheckoutLogo
+};

package/dist/CheckoutLogo/index.d.ts

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

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

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

package/dist/CheckoutLogo/index.js

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

package/dist/CheckoutMethodRadioField/CheckoutMethodRadioField.d.ts

@@ -0,0 +1,22 @@
+import { FormRadioProps, SvgIconProps } from '@afosto/components';
+import { JSXElementConstructor, ReactNode } from 'react';
+export interface CheckoutMethodRadioFieldProps {
+    active?: boolean;
+    children?: ReactNode;
+    childrenClickable?: boolean;
+    currency?: string;
+    description?: string;
+    disabled?: boolean;
+    instruction?: string;
+    locale?: string;
+    MethodIcon?: JSXElementConstructor<SvgIconProps>;
+    onChange: FormRadioProps['onChange'];
+    pricing?: {
+        fixed?: number;
+        percentage?: number;
+    };
+    title: string;
+    value: string;
+}
+export declare const CheckoutMethodRadioField: (props: CheckoutMethodRadioFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutMethodRadioField.d.ts.map

package/dist/CheckoutMethodRadioField/CheckoutMethodRadioField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutMethodRadioField.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutMethodRadioField/CheckoutMethodRadioField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,cAAc,EAEnB,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9D,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,wBAAwB,GACnC,OAAO,6BAA6B,qDA2ErC,CAAC"}

package/dist/CheckoutMethodRadioField/CheckoutMethodRadioField.js

@@ -0,0 +1,77 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Card as b, CardActionArea as A, Box as x, Fields as k, Typography as t } from "@afosto/components";
+import { CheckoutPricingLabel as F } from "../CheckoutPricingLabel/CheckoutPricingLabel.js";
+import { isDefined as m } from "@afosto/utils";
+const R = (f) => {
+  const {
+    active: n = !1,
+    children: c,
+    childrenClickable: a = !1,
+    currency: g,
+    description: d,
+    disabled: s = !1,
+    instruction: h,
+    locale: u,
+    MethodIcon: p,
+    onChange: y,
+    pricing: e,
+    title: C,
+    value: o
+  } = f || {};
+  return /* @__PURE__ */ i(
+    b,
+    {
+      sx: {
+        borderColor: n ? (l) => l.palette.primary.main : null,
+        transition: (l) => l.transitions.create("border-color")
+      },
+      children: [
+        /* @__PURE__ */ i(
+          A,
+          {
+            component: "label",
+            disabled: s,
+            htmlFor: o,
+            tabIndex: -1,
+            sx: n ? { ".MuiCardActionArea-focusHighlight": { display: "none" } } : {},
+            children: [
+              /* @__PURE__ */ i(x, { sx: { display: "flex", p: 2 }, children: [
+                /* @__PURE__ */ r(
+                  k.Radio,
+                  {
+                    disabled: s,
+                    value: o,
+                    id: o,
+                    onChange: y
+                  }
+                ),
+                /* @__PURE__ */ i(x, { sx: { flex: 1, ml: -2 }, children: [
+                  /* @__PURE__ */ i(t, { sx: { fontWeight: 500 }, children: [
+                    C,
+                    (m(e?.fixed) && e?.fixed !== 0 || m(e?.percentage) && e?.percentage !== 0) && /* @__PURE__ */ r(
+                      F,
+                      {
+                        currency: g,
+                        locale: u,
+                        pricing: e,
+                        sx: { ml: 0.5 }
+                      }
+                    )
+                  ] }),
+                  d && /* @__PURE__ */ r(t, { color: "gray.800", sx: { mt: 0.5 }, children: d }),
+                  h && /* @__PURE__ */ r(t, { color: "primary", sx: { mt: 1.5 }, children: h })
+                ] }),
+                p && /* @__PURE__ */ r(p, { sx: { width: 28, height: 20 } })
+              ] }),
+              a && c
+            ]
+          }
+        ),
+        !a && c
+      ]
+    }
+  );
+};
+export {
+  R as CheckoutMethodRadioField
+};

package/dist/CheckoutMethodRadioField/index.d.ts

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

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

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

package/dist/CheckoutMethodRadioField/index.js

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

package/dist/CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.d.ts

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

package/dist/CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutMethodRadioSkeleton.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EAIf,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,gCAAgC,GAAG,SAAS,CAAC;AAEzD,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDAuBxC,CAAC"}

package/dist/CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.js

@@ -0,0 +1,14 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Card as n, CardActionArea as l, Box as h, Skeleton as r, Typography as t } from "@afosto/components";
+const c = (d) => /* @__PURE__ */ e(n, { ...d, children: /* @__PURE__ */ e(l, { component: "label", tabIndex: -1, children: /* @__PURE__ */ i(h, { sx: { display: "flex", p: 2 }, children: [
+  /* @__PURE__ */ e(r, { variant: "circular", height: 16, width: 16 }),
+  /* @__PURE__ */ i(h, { sx: { flex: 1, px: 3 }, children: [
+    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(r, { width: "50%" }) }),
+    /* @__PURE__ */ e(t, { sx: { mt: 0.5 }, children: /* @__PURE__ */ e(r, { width: "75%" }) }),
+    /* @__PURE__ */ e(t, { sx: { mt: 1.5 }, children: /* @__PURE__ */ e(r, { width: "75%" }) })
+  ] }),
+  /* @__PURE__ */ e(r, { variant: "rectangular", height: 24, width: 32 })
+] }) }) });
+export {
+  c as CheckoutMethodRadioSkeleton
+};

package/dist/CheckoutMethodRadioSkeleton/index.d.ts

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

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

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

package/dist/CheckoutMethodRadioSkeleton/index.js

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

package/dist/CheckoutMethodSummaryCard/CheckoutMethodSummaryCard.d.ts

@@ -0,0 +1,22 @@
+import { CardProps, SvgIconProps } from '@afosto/components';
+import { JSXElementConstructor } from 'react';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    edit: string;
+};
+export interface CheckoutMethodSummaryCardProps extends Omit<CardProps, 'children'> {
+    currency?: string;
+    locale?: string;
+    MethodIcon?: JSXElementConstructor<SvgIconProps>;
+    name?: string;
+    onEdit?: () => void;
+    pricing?: {
+        fixed?: number;
+        percentage?: number;
+    };
+    title?: string;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutMethodSummaryCard: (props: CheckoutMethodSummaryCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutMethodSummaryCard.d.ts.map

package/dist/CheckoutMethodSummaryCard/CheckoutMethodSummaryCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutMethodSummaryCard.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutMethodSummaryCard/CheckoutMethodSummaryCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,yBAAyB,GACpC,OAAO,8BAA8B,qDA2DtC,CAAC"}

package/dist/CheckoutMethodSummaryCard/CheckoutMethodSummaryCard.js

@@ -0,0 +1,59 @@
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { Card as f, Box as i, Typography as s, Link as g } from "@afosto/components";
+import { useCheckout as C } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutPricingLabel as k } from "../CheckoutPricingLabel/CheckoutPricingLabel.js";
+const b = {
+  edit: "Edit"
+}, I = (a) => {
+  const {
+    currency: c,
+    locale: l,
+    MethodIcon: r,
+    name: d,
+    onEdit: o,
+    pricing: p,
+    sx: h = {},
+    title: e,
+    translations: m = {},
+    ...u
+  } = a || {}, { translations: x } = C(), y = {
+    ...b,
+    ...x?.methodSummaryCard || {},
+    ...m || {}
+  };
+  return /* @__PURE__ */ t(f, { ...u, sx: { p: 2, ...h }, children: [
+    (o || e) && /* @__PURE__ */ t(
+      i,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          mb: 1
+        },
+        children: [
+          e && /* @__PURE__ */ n(s, { component: "span", sx: { fontWeight: 500 }, children: e }),
+          o && /* @__PURE__ */ n(g, { component: "button", type: "button", onClick: o, children: y.edit })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(i, { sx: { display: "flex", gap: 1.5 }, children: [
+      r && /* @__PURE__ */ n(r, { sx: { width: 28, height: 20 } }),
+      /* @__PURE__ */ t(s, { component: "span", color: "gray.800", children: [
+        d,
+        " ",
+        /* @__PURE__ */ n(
+          k,
+          {
+            currency: c,
+            locale: l,
+            pricing: p
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  I as CheckoutMethodSummaryCard
+};

package/dist/CheckoutMethodSummaryCard/index.d.ts

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

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

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

package/dist/CheckoutMethodSummaryCard/index.js

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

package/dist/CheckoutMethodSummaryCardSkeleton/CheckoutMethodSummaryCardSkeleton.d.ts

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

package/dist/CheckoutMethodSummaryCardSkeleton/CheckoutMethodSummaryCardSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutMethodSummaryCardSkeleton.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutMethodSummaryCardSkeleton/CheckoutMethodSummaryCardSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EAGf,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,sCAAsC,GAAG,SAAS,CAAC;AAE/D,eAAO,MAAM,iCAAiC,GAC5C,OAAO,sCAAsC,qDAiB9C,CAAC"}

package/dist/CheckoutMethodSummaryCardSkeleton/CheckoutMethodSummaryCardSkeleton.js

@@ -0,0 +1,15 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Card as n, Typography as o, Skeleton as t, Box as s } from "@afosto/components";
+const x = (h) => {
+  const { sx: i = {}, ...d } = h || {};
+  return /* @__PURE__ */ e(n, { ...d, sx: { p: 2, ...i }, children: [
+    /* @__PURE__ */ r(o, { sx: { mb: 1 }, children: /* @__PURE__ */ r(t, { width: "50%" }) }),
+    /* @__PURE__ */ e(s, { sx: { display: "flex", gap: 1.5 }, children: [
+      /* @__PURE__ */ r(t, { variant: "rectangular", width: 32, height: 24 }),
+      /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(t, { width: "120px" }) })
+    ] })
+  ] });
+};
+export {
+  x as CheckoutMethodSummaryCardSkeleton
+};

package/dist/CheckoutMethodSummaryCardSkeleton/index.d.ts

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

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

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

package/dist/CheckoutMethodSummaryCardSkeleton/index.js

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

package/dist/CheckoutMobileStepper/CheckoutMobileStepper.d.ts

@@ -0,0 +1,11 @@
+import { StackProps } from '@afosto/components';
+export interface CheckoutMobileStepperStep {
+    label: string;
+    key: string;
+}
+export interface CheckoutMobileStepperProps extends StackProps {
+    activeStep?: number;
+    steps?: CheckoutMobileStepperStep[];
+}
+export declare const CheckoutMobileStepper: (props: CheckoutMobileStepperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutMobileStepper.d.ts.map

package/dist/CheckoutMobileStepper/CheckoutMobileStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutMobileStepper.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutMobileStepper/CheckoutMobileStepper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAc,MAAM,oBAAoB,CAAC;AAIxE,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,0BAA2B,SAAQ,UAAU;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,yBAAyB,EAAE,CAAC;CACrC;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDA+CtE,CAAC"}