@afosto/checkout-ui 0.0.1-alpha.1

package/dist/CheckoutAgreementSummaryCard/CheckoutAgreementSummaryCard.js

@@ -0,0 +1,49 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { Card as u, Box as m, Typography as l, Link as x } from "@afosto/components";
+import { useCheckout as f } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { camelize as g } from "@afosto/utils";
+const C = {
+  edit: "Edit",
+  payImmediately: "Pay immediately"
+}, j = (c) => {
+  const {
+    AgreementIcon: a,
+    agreementTemplate: r,
+    onEdit: t,
+    sx: p = {},
+    title: n,
+    translations: d = {},
+    ...y
+  } = c || {}, { translations: h } = f(), s = {
+    ...C,
+    ...h?.agreementSummaryCard || {},
+    ...d || {}
+  }, i = g(r.type?.toLowerCase() || "");
+  return /* @__PURE__ */ e(u, { ...y, sx: { p: 2, ...p }, children: [
+    (t || n) && /* @__PURE__ */ e(
+      m,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          mb: 1
+        },
+        children: [
+          n && /* @__PURE__ */ o(l, { component: "span", sx: { fontWeight: 500 }, children: n }),
+          t && /* @__PURE__ */ o(x, { component: "button", type: "button", onClick: t, children: s.edit })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(m, { sx: { display: "flex", gap: 1.5 }, children: [
+      a && /* @__PURE__ */ o(a, { sx: { width: 28, height: 20 } }),
+      /* @__PURE__ */ e(l, { component: "span", color: "gray.900", children: [
+        i !== "default" && r.name,
+        i === "default" && s.payImmediately
+      ] })
+    ] })
+  ] });
+};
+export {
+  j as CheckoutAgreementSummaryCard
+};

package/dist/CheckoutAgreementSummaryCard/index.d.ts

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

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

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

package/dist/CheckoutAgreementSummaryCard/index.js

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

package/dist/CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.d.ts

@@ -0,0 +1,19 @@
+import { CheckoutSummaryAgreement, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    alreadyPaid: string;
+    cod: string;
+    downPayment: string;
+    dueLater: string;
+    payImmediately: string;
+    postPaid: string;
+};
+export interface CheckoutAgreementsTimelineProps {
+    agreements: CheckoutSummaryAgreement[];
+    currency?: string;
+    locale?: string;
+    totalAmountPaid: number;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutAgreementsTimeline: (props: CheckoutAgreementsTimelineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutAgreementsTimeline.d.ts.map

package/dist/CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAgreementsTimeline.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMtE,QAAA,MAAM,mBAAmB;;;;;;;CAOxB,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,UAAU,EAAE,wBAAwB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,0BAA0B,GACrC,OAAO,+BAA+B,qDA6PvC,CAAC"}

package/dist/CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.js

@@ -0,0 +1,248 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Card as j, Timeline as A, TimelineItem as p, TimelineSeparator as h, TimelineDot as m, TimelineConnector as P, TimelineContent as y, Box as u, Typography as i } from "@afosto/components";
+import { camelize as g } from "@afosto/utils";
+import { CheckoutCurrency as f } from "../CheckoutCurrency/CheckoutCurrency.js";
+import { useCheckout as L } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckSolid as x } from "../icons/CheckSolid.js";
+const S = {
+  alreadyPaid: "Already paid",
+  cod: "Pay on delivery",
+  downPayment: "Down payment",
+  dueLater: "Due later",
+  payImmediately: "Pay immediately",
+  postPaid: "Pay afterwards"
+}, R = (T) => {
+  const {
+    agreements: C = [],
+    currency: c,
+    locale: d,
+    totalAmountPaid: r,
+    translations: v = {}
+  } = T, { translations: I } = L(), a = {
+    ...S,
+    ...I?.agreementsTimeline || {},
+    ...v || {}
+  }, w = (C || []).filter(
+    (e) => g(e.type?.toLowerCase() || "") === "downPayment"
+  ), b = (C || []).filter(
+    (e) => g(e.type?.toLowerCase() || "") !== "downPayment"
+  ), l = w.reduce(
+    (e, o) => e + o.amount,
+    0
+  );
+  return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ n(A, { sx: { m: 0, p: 2.5 }, children: [
+    r > 0 && r < l && /* @__PURE__ */ n(p, { sx: { minHeight: 40 }, children: [
+      /* @__PURE__ */ n(h, { children: [
+        /* @__PURE__ */ t(
+          m,
+          {
+            sx: {
+              width: 16,
+              height: 16,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: "10px",
+              my: 0.5,
+              backgroundColor: (e) => e.palette.success[500]
+            },
+            children: /* @__PURE__ */ t(x, {})
+          }
+        ),
+        /* @__PURE__ */ t(
+          P,
+          {
+            sx: {
+              backgroundColor: (e) => e.palette.gray[100],
+              width: 4
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(y, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+        u,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "flex-start",
+            gap: 1,
+            justifyContent: "space-between"
+          },
+          children: [
+            /* @__PURE__ */ t(i, { fontWeight: 500, color: "gray.800", children: a.alreadyPaid }),
+            /* @__PURE__ */ t(i, { color: "gray.800", children: /* @__PURE__ */ t(
+              f,
+              {
+                currency: c,
+                locale: d,
+                value: r / 100
+              }
+            ) })
+          ]
+        }
+      ) })
+    ] }),
+    w.map((e) => /* @__PURE__ */ n(
+      p,
+      {
+        sx: { minHeight: 64 },
+        children: [
+          /* @__PURE__ */ n(h, { children: [
+            /* @__PURE__ */ t(
+              m,
+              {
+                sx: {
+                  width: 16,
+                  height: 16,
+                  my: 0.5,
+                  ...r < e.amount ? {
+                    backgroundColor: "transparent",
+                    borderColor: (o) => o.palette.success[500],
+                    position: "relative",
+                    "&::after": {
+                      content: '""',
+                      position: "absolute",
+                      top: 2,
+                      left: 2,
+                      width: 8,
+                      height: 8,
+                      backgroundColor: (o) => o.palette.success[500],
+                      borderRadius: "50%"
+                    }
+                  } : {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontSize: "10px",
+                    backgroundColor: (o) => o.palette.success[500]
+                  }
+                },
+                children: r >= e.amount && /* @__PURE__ */ t(x, {})
+              }
+            ),
+            /* @__PURE__ */ t(
+              P,
+              {
+                sx: {
+                  backgroundColor: (o) => o.palette.gray[100],
+                  width: 4
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(y, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+            u,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "flex-start",
+                gap: 1,
+                justifyContent: "space-between"
+              },
+              children: [
+                /* @__PURE__ */ n("div", { children: [
+                  /* @__PURE__ */ t(i, { fontWeight: 500, color: "gray.800", children: a.payImmediately }),
+                  /* @__PURE__ */ t(i, { color: "gray.800", children: a.downPayment })
+                ] }),
+                /* @__PURE__ */ t(i, { color: "gray.800", children: /* @__PURE__ */ t(
+                  f,
+                  {
+                    currency: c,
+                    locale: d,
+                    value: e.amount / 100
+                  }
+                ) })
+              ]
+            }
+          ) })
+        ]
+      },
+      `${e.type}_${e.amount}`
+    )),
+    b.map((e, o) => {
+      const k = g(
+        e.type?.toLowerCase() || ""
+      );
+      return /* @__PURE__ */ n(
+        p,
+        {
+          sx: { minHeight: b.length - 1 === o ? 48 : 64 },
+          children: [
+            /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(
+              m,
+              {
+                sx: {
+                  ...r >= l && r < l + e.amount ? {
+                    backgroundColor: "transparent",
+                    borderColor: (s) => s.palette.success[500],
+                    position: "relative",
+                    width: 16,
+                    height: 16,
+                    my: 0.5,
+                    "&::after": {
+                      content: '""',
+                      position: "absolute",
+                      top: 2,
+                      left: 2,
+                      width: 8,
+                      height: 8,
+                      backgroundColor: (s) => s.palette.success[500],
+                      borderRadius: "50%"
+                    }
+                  } : {},
+                  ...r >= l + e.amount ? {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontSize: "10px",
+                    backgroundColor: (s) => s.palette.success[500],
+                    width: 16,
+                    height: 16,
+                    my: 0.5
+                  } : {},
+                  ...r < l ? {
+                    width: 8,
+                    height: 8,
+                    padding: "2px",
+                    mx: 0.5,
+                    my: 1
+                  } : {}
+                },
+                children: r >= l + e.amount && /* @__PURE__ */ t(x, {})
+              }
+            ) }),
+            /* @__PURE__ */ t(y, { sx: { pt: 0, pl: 1.5, pr: 0, pb: 0 }, children: /* @__PURE__ */ n(
+              u,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "flex-start",
+                  gap: 1,
+                  justifyContent: "space-between"
+                },
+                children: [
+                  /* @__PURE__ */ n("div", { children: [
+                    /* @__PURE__ */ t(i, { fontWeight: 500, color: "gray.800", children: a.dueLater }),
+                    /* @__PURE__ */ t(i, { color: "gray.800", children: a[k] ? a[k] : e.type?.toLowerCase().replace("_", " ") })
+                  ] }),
+                  /* @__PURE__ */ t(i, { color: "gray.800", children: /* @__PURE__ */ t(
+                    f,
+                    {
+                      currency: c,
+                      locale: d,
+                      value: e.amount / 100
+                    }
+                  ) })
+                ]
+              }
+            ) })
+          ]
+        },
+        `${e.type}_${e.amount}`
+      );
+    })
+  ] }) });
+};
+export {
+  R as CheckoutAgreementsTimeline
+};

package/dist/CheckoutAgreementsTimeline/index.d.ts

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

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

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

package/dist/CheckoutAgreementsTimeline/index.js

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

package/dist/CheckoutBillingAddressSection/CheckoutBillingAddressSection.d.ts

@@ -0,0 +1,12 @@
+import { CheckoutAddressSectionProps } from '../CheckoutAddressSection/CheckoutAddressSection';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    title: string;
+};
+export interface CheckoutBillingAddressSectionProps extends Partial<Omit<CheckoutAddressSectionProps, 'children' | 'translations'>> {
+    name?: string;
+    translations?: DeepPartial<typeof defaultTranslations> & CheckoutAddressSectionProps['translations'];
+}
+export declare const CheckoutBillingAddressSection: (props: CheckoutBillingAddressSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutBillingAddressSection.d.ts.map

package/dist/CheckoutBillingAddressSection/CheckoutBillingAddressSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutBillingAddressSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutBillingAddressSection/CheckoutBillingAddressSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,kDAAkD,CAAC;AAM1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,kCACf,SAAQ,OAAO,CACb,IAAI,CAAC,2BAA2B,EAAE,UAAU,GAAG,cAAc,CAAC,CAC/D;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,GACpD,2BAA2B,CAAC,cAAc,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDAmD1C,CAAC"}

package/dist/CheckoutBillingAddressSection/CheckoutBillingAddressSection.js

@@ -0,0 +1,44 @@
+import { jsx as p } from "react/jsx-runtime";
+import { CheckoutAddressSection as f } from "../CheckoutAddressSection/CheckoutAddressSection.js";
+import { useCheckout as S } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { useFormContext as k } from "@afosto/components";
+import { canEditInformation as v } from "../utils/canEditInformation.js";
+const y = {
+  title: "Billing address"
+}, B = (o) => {
+  const {
+    canEdit: e,
+    name: n = "billing",
+    translations: i = {},
+    ...a
+  } = o || {}, {
+    getUser: s,
+    isSignedIn: r,
+    setBillingAddressValidationSchema: l,
+    translations: d
+  } = S(), c = e ?? v(s()), { setValue: m } = k(), h = {
+    ...y,
+    ...d?.billingAddressSection || {},
+    ...i || {}
+  }, u = async (t, g) => {
+    m(`${n}.countryCode`, g?.value || "");
+  }, C = (t) => {
+    t && l(t);
+  };
+  return /* @__PURE__ */ p(
+    f,
+    {
+      title: h.title,
+      availableCountryCodes: ["*"],
+      canEdit: c,
+      checkFieldsState: r,
+      name: n,
+      onChangeCountry: u,
+      onChangeValidationSchema: C,
+      ...a
+    }
+  );
+};
+export {
+  B as CheckoutBillingAddressSection
+};

package/dist/CheckoutBillingAddressSection/index.d.ts

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

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

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

package/dist/CheckoutBillingAddressSection/index.js

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

package/dist/CheckoutBusinessDetailsCard/CheckoutBusinessDetailsCard.d.ts

@@ -0,0 +1,23 @@
+import { Theme, SxProps, TypographyProps } from '@afosto/components';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    edit: string;
+};
+export interface CheckoutBusinessDetailsCardProps {
+    onEdit?: () => void;
+    organisation?: {
+        id?: string;
+        name?: string;
+        cocNumber?: string;
+        registration?: {
+            number?: string;
+        };
+    };
+    sx?: SxProps<Theme>;
+    title?: string;
+    titleTypographyProps?: TypographyProps;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutBusinessDetailsCard: (props: CheckoutBusinessDetailsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutBusinessDetailsCard.d.ts.map

package/dist/CheckoutBusinessDetailsCard/CheckoutBusinessDetailsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutBusinessDetailsCard.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutBusinessDetailsCard/CheckoutBusinessDetailsCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,KAAK,EACV,KAAK,OAAO,EAIZ,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;CAExB,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE;QACb,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE;YACb,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDA2DxC,CAAC"}

package/dist/CheckoutBusinessDetailsCard/CheckoutBusinessDetailsCard.js

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as n, Fragment as m } from "react/jsx-runtime";
+import { Card as u, Box as h, Typography as e, Link as x } from "@afosto/components";
+import { useCheckout as g } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const b = {
+  edit: "Edit"
+}, k = (a) => {
+  const {
+    onEdit: s,
+    organisation: t,
+    sx: c = {},
+    title: o,
+    titleTypographyProps: i = {},
+    translations: l = {}
+  } = a || {}, { translations: d } = g(), p = {
+    ...b,
+    ...d?.businessDetailsCard || {},
+    ...l || {}
+  };
+  return /* @__PURE__ */ r(u, { sx: { p: 2.5, ...c }, children: [
+    (o || s) && /* @__PURE__ */ r(
+      h,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 2
+        },
+        children: [
+          o && /* @__PURE__ */ n(
+            e,
+            {
+              component: "span",
+              ...i,
+              sx: { fontWeight: 500, ...i.sx || {} },
+              children: o
+            }
+          ),
+          s && /* @__PURE__ */ n(x, { component: "button", type: "button", onClick: s, children: p.edit })
+        ]
+      }
+    ),
+    t?.name && /* @__PURE__ */ r(m, { children: [
+      /* @__PURE__ */ n(e, { children: t.name }),
+      t.cocNumber && /* @__PURE__ */ n(e, { children: t.cocNumber }),
+      t.registration?.number && /* @__PURE__ */ n(e, { children: t.registration.number })
+    ] })
+  ] });
+};
+export {
+  k as CheckoutBusinessDetailsCard
+};

package/dist/CheckoutBusinessDetailsCard/index.d.ts

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

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

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

package/dist/CheckoutBusinessDetailsCard/index.js

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

package/dist/CheckoutBusinessDetailsCardSkeleton/CheckoutBusinessDetailsCardSkeleton.d.ts

@@ -0,0 +1,2 @@
+export declare const CheckoutBusinessDetailsCardSkeleton: () => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutBusinessDetailsCardSkeleton.d.ts.map

package/dist/CheckoutBusinessDetailsCardSkeleton/CheckoutBusinessDetailsCardSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutBusinessDetailsCardSkeleton.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutBusinessDetailsCardSkeleton/CheckoutBusinessDetailsCardSkeleton.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,mCAAmC,wDAQ/C,CAAC"}

package/dist/CheckoutBusinessDetailsCardSkeleton/CheckoutBusinessDetailsCardSkeleton.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Card as e, Typography as o, Skeleton as t } from "@afosto/components";
+const s = () => /* @__PURE__ */ r(e, { sx: { p: 2.5, mb: 1 }, children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(t, { width: "50%" }) }) });
+export {
+  s as CheckoutBusinessDetailsCardSkeleton
+};

package/dist/CheckoutBusinessDetailsCardSkeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckoutBusinessDetailsCardSkeleton } from './CheckoutBusinessDetailsCardSkeleton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutBusinessDetailsCardSkeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/CheckoutBusinessDetailsCardSkeleton/index.js

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

package/dist/CheckoutBusinessInformationSection/CheckoutBusinessInformationSection.d.ts

@@ -0,0 +1,16 @@
+import { CheckoutSectionProps } from '../CheckoutSection/CheckoutSection';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    title: string;
+    businessDetails: string;
+    cocNumber: string;
+    companyName: string;
+    vatNumber: string;
+};
+export interface CheckoutBusinessInformationSectionProps extends Omit<CheckoutSectionProps, 'children'> {
+    canEdit?: boolean;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutBusinessInformationSection: (props: CheckoutBusinessInformationSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutBusinessInformationSection.d.ts.map

package/dist/CheckoutBusinessInformationSection/CheckoutBusinessInformationSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutBusinessInformationSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutBusinessInformationSection/CheckoutBusinessInformationSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAQ5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;;;CAMxB,CAAC;AAEF,MAAM,WAAW,uCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,kCAAkC,GAC7C,OAAO,uCAAuC,qDAsH/C,CAAC"}