@afosto/checkout-ui 0.0.1-alpha.1

package/dist/CheckoutReviewPaymentSection/CheckoutReviewPaymentSection.js

@@ -0,0 +1,89 @@
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { useCheckout as I } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutSection as N } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as L } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { camelize as r } from "@afosto/utils";
+import { CheckoutAgreementSummaryCard as D } from "../CheckoutAgreementSummaryCard/CheckoutAgreementSummaryCard.js";
+import { CheckoutMethodSummaryCardSkeleton as H } from "../CheckoutMethodSummaryCardSkeleton/CheckoutMethodSummaryCardSkeleton.js";
+import { CheckoutMethodSummaryCard as G } from "../CheckoutMethodSummaryCard/CheckoutMethodSummaryCard.js";
+import { CHECKOUT_AGREEMENT_TYPE_ICON_MAPPING as R } from "../constants/agreementTypeIconMapping.js";
+import { CHECKOUT_PAYMENT_METHOD_ICON_MAPPING as $ } from "../constants/paymentMethodIconMapping.js";
+import { Box as b } from "@afosto/components";
+import { CheckoutAgreementsTimeline as j } from "../CheckoutAgreementsTimeline/CheckoutAgreementsTimeline.js";
+import { getReviewStepTarget as g } from "../utils/getReviewStepTarget.js";
+const K = {
+  title: "Payment",
+  paymentMethod: "Payment method",
+  paymentOption: "Payment option"
+}, et = (f) => {
+  const {
+    isLoading: n = !1,
+    reviewData: P,
+    translations: T = {},
+    ...M
+  } = f || {}, {
+    goToTargetStep: m,
+    locale: i,
+    steps: s,
+    translations: S
+  } = I(), t = {
+    ...K,
+    ...S?.reviewPaymentSection || {},
+    ...T || {}
+  }, p = g("paymentOption", s), c = g("paymentMethod", s), {
+    agreements: d = [],
+    agreementTemplate: e,
+    amountCovered: w = 0,
+    currency: l,
+    issuer: h,
+    paymentMethod: y
+  } = P || {}, C = r(e?.type?.toLowerCase() || ""), k = R[r(
+    e?.type?.toLowerCase() || ""
+  )], { name: A, pricing: E } = y || {}, O = $[r(
+    y?.code?.toLowerCase() || ""
+  )], v = d.some(
+    (a) => r(a.type?.toLowerCase() || "") === "downPayment" && a.originalPercentage > 0 && a.originalPercentage < 100
+  ), _ = e && C !== "default", x = !e || !["cod", "postPaid"].includes(C);
+  return /* @__PURE__ */ u(N, { ...M, children: [
+    /* @__PURE__ */ o(L, { title: t.title }),
+    /* @__PURE__ */ u(b, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+      n && /* @__PURE__ */ o(H, {}),
+      !n && v && /* @__PURE__ */ o(
+        j,
+        {
+          agreements: d,
+          currency: l,
+          locale: i,
+          totalAmountPaid: w,
+          translations: t
+        }
+      ),
+      !n && _ && /* @__PURE__ */ o(
+        D,
+        {
+          AgreementIcon: k,
+          agreementTemplate: e,
+          onEdit: p.targetStep ? m(p) : void 0,
+          title: t.paymentOption,
+          translations: t
+        }
+      ),
+      !n && x && /* @__PURE__ */ o(
+        G,
+        {
+          currency: l,
+          locale: i,
+          MethodIcon: O,
+          name: `${A || ""}${h?.label ? ` - ${h.label}` : ""}`,
+          onEdit: c.targetStep ? m(c) : void 0,
+          pricing: E,
+          title: t.paymentMethod,
+          translations: t
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  et as CheckoutReviewPaymentSection
+};

package/dist/CheckoutReviewPaymentSection/index.d.ts

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

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

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

package/dist/CheckoutReviewPaymentSection/index.js

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

package/dist/CheckoutReviewShippingSection/CheckoutReviewShippingSection.d.ts

@@ -0,0 +1,14 @@
+import { CheckoutSectionProps } from '../CheckoutSection/CheckoutSection';
+import { CheckoutReviewData, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    title: string;
+    shippingMethod: string;
+};
+export interface CheckoutReviewShippingSectionProps extends Omit<CheckoutSectionProps, 'children'> {
+    isLoading?: boolean;
+    reviewData: CheckoutReviewData | null;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutReviewShippingSection: (props: CheckoutReviewShippingSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutReviewShippingSection.d.ts.map

package/dist/CheckoutReviewShippingSection/CheckoutReviewShippingSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutReviewShippingSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewShippingSection/CheckoutReviewShippingSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAG5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOhE,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,kCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDAsD1C,CAAC"}

package/dist/CheckoutReviewShippingSection/CheckoutReviewShippingSection.js

@@ -0,0 +1,50 @@
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { CheckoutSection as f } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as M } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { useCheckout as k } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutMethodSummaryCard as T } from "../CheckoutMethodSummaryCard/CheckoutMethodSummaryCard.js";
+import { CheckoutMethodSummaryCardSkeleton as v } from "../CheckoutMethodSummaryCardSkeleton/CheckoutMethodSummaryCardSkeleton.js";
+import { CHECKOUT_CARRIER_ICON_MAPPING as w } from "../constants/carrierIconMapping.js";
+import { camelize as R } from "@afosto/utils";
+import { getReviewStepTarget as I } from "../utils/getReviewStepTarget.js";
+const x = {
+  title: "Shipping",
+  shippingMethod: "Shipping method"
+}, O = (n) => {
+  const {
+    isLoading: o = !1,
+    reviewData: p,
+    translations: s = {},
+    ...a
+  } = n || {}, {
+    goToTargetStep: c,
+    locale: h,
+    steps: m,
+    translations: d
+  } = k(), e = {
+    ...x,
+    ...d?.reviewShippingSection || {},
+    ...s || {}
+  }, i = I("shippingMethod", m), { currency: g, shippingMethod: r } = p || {}, { name: l, pricing: S } = r || {}, u = w[R(
+    r?.carrier?.toLowerCase() || ""
+  )];
+  return /* @__PURE__ */ C(f, { ...a, children: [
+    /* @__PURE__ */ t(M, { title: e.title }),
+    o && /* @__PURE__ */ t(v, {}),
+    !o && /* @__PURE__ */ t(
+      T,
+      {
+        currency: g,
+        locale: h,
+        MethodIcon: u,
+        name: l,
+        onEdit: i.targetStep ? c(i) : void 0,
+        pricing: S,
+        title: e.shippingMethod
+      }
+    )
+  ] });
+};
+export {
+  O as CheckoutReviewShippingSection
+};

package/dist/CheckoutReviewShippingSection/index.d.ts

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

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

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

package/dist/CheckoutReviewShippingSection/index.js

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

package/dist/CheckoutReviewStep/CheckoutReviewStep.d.ts

@@ -0,0 +1,16 @@
+import { CheckoutReviewOrderSectionProps } from '../CheckoutReviewOrderSection/CheckoutReviewOrderSection';
+import { CheckoutReviewShippingSectionProps } from '../CheckoutReviewShippingSection/CheckoutReviewShippingSection';
+import { CheckoutReviewPaymentSectionProps } from '../CheckoutReviewPaymentSection/CheckoutReviewPaymentSection';
+import { CheckoutReviewCommentSectionProps } from '../CheckoutReviewCommentSection/CheckoutReviewCommentSection';
+import { CheckoutReviewItemsSectionProps } from '../CheckoutReviewItemsSection/CheckoutReviewItemsSection';
+export interface CheckoutReviewStepProps {
+    translations?: {
+        reviewCommentSection?: CheckoutReviewCommentSectionProps['translations'];
+        reviewItemsSection?: CheckoutReviewItemsSectionProps['translations'];
+        reviewOrderSection?: CheckoutReviewOrderSectionProps['translations'];
+        reviewPaymentSection?: CheckoutReviewPaymentSectionProps['translations'];
+        reviewShippingSection?: CheckoutReviewShippingSectionProps['translations'];
+    };
+}
+export declare const CheckoutReviewStep: (props: CheckoutReviewStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutReviewStep.d.ts.map

package/dist/CheckoutReviewStep/CheckoutReviewStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutReviewStep.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutReviewStep/CheckoutReviewStep.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,0DAA0D,CAAC;AAElE,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,gEAAgE,CAAC;AACxE,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,8DAA8D,CAAC;AACtE,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,8DAA8D,CAAC;AACtE,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,0DAA0D,CAAC;AAElE,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE;QACb,oBAAoB,CAAC,EAAE,iCAAiC,CAAC,cAAc,CAAC,CAAC;QACzE,kBAAkB,CAAC,EAAE,+BAA+B,CAAC,cAAc,CAAC,CAAC;QACrE,kBAAkB,CAAC,EAAE,+BAA+B,CAAC,cAAc,CAAC,CAAC;QACrE,oBAAoB,CAAC,EAAE,iCAAiC,CAAC,cAAc,CAAC,CAAC;QACzE,qBAAqB,CAAC,EAAE,kCAAkC,CAAC,cAAc,CAAC,CAAC;KAC5E,CAAC;CACH;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,qDAoChE,CAAC"}

package/dist/CheckoutReviewStep/CheckoutReviewStep.js

@@ -0,0 +1,55 @@
+import { jsxs as n, Fragment as r, jsx as t } from "react/jsx-runtime";
+import { CheckoutReviewOrderSection as a } from "../CheckoutReviewOrderSection/CheckoutReviewOrderSection.js";
+import { useCheckoutReviewStep as m } from "../hooks/useCheckoutReviewStep.js";
+import { CheckoutReviewShippingSection as c } from "../CheckoutReviewShippingSection/CheckoutReviewShippingSection.js";
+import { CheckoutReviewPaymentSection as p } from "../CheckoutReviewPaymentSection/CheckoutReviewPaymentSection.js";
+import { CheckoutReviewCommentSection as v } from "../CheckoutReviewCommentSection/CheckoutReviewCommentSection.js";
+import { CheckoutReviewItemsSection as S } from "../CheckoutReviewItemsSection/CheckoutReviewItemsSection.js";
+const g = (s) => {
+  const { translations: e = {} } = s || {}, { isInitializing: o, reviewData: i } = m();
+  return /* @__PURE__ */ n(r, { children: [
+    /* @__PURE__ */ t(
+      a,
+      {
+        isLoading: o,
+        reviewData: i,
+        translations: e.reviewOrderSection
+      }
+    ),
+    /* @__PURE__ */ t(
+      c,
+      {
+        isLoading: o,
+        reviewData: i,
+        translations: e.reviewShippingSection
+      }
+    ),
+    /* @__PURE__ */ t(
+      p,
+      {
+        isLoading: o,
+        reviewData: i,
+        translations: e.reviewPaymentSection
+      }
+    ),
+    !o && /* @__PURE__ */ n(r, { children: [
+      /* @__PURE__ */ t(
+        v,
+        {
+          reviewData: i,
+          translations: e.reviewCommentSection
+        }
+      ),
+      /* @__PURE__ */ t(
+        S,
+        {
+          reviewData: i,
+          translations: e.reviewItemsSection
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  g as CheckoutReviewStep
+};

package/dist/CheckoutReviewStep/index.d.ts

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

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

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

package/dist/CheckoutReviewStep/index.js

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

package/dist/CheckoutSection/CheckoutSection.d.ts

@@ -0,0 +1,9 @@
+import { SxProps, Theme } from '@afosto/components';
+import { ReactNode } from 'react';
+export interface CheckoutSectionProps {
+    children: ReactNode;
+    disableMargin?: boolean;
+    sx?: SxProps<Theme>;
+}
+export declare const CheckoutSection: (props: CheckoutSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutSection.d.ts.map

package/dist/CheckoutSection/CheckoutSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutSection/CheckoutSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,qDAQ1D,CAAC"}

package/dist/CheckoutSection/CheckoutSection.js

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Box as i } from "@afosto/components";
+const m = (o) => {
+  const { children: r, disableMargin: t = !1, sx: e } = o;
+  return /* @__PURE__ */ s(i, { sx: { ...t ? {} : { mb: 4 }, ...e || {} }, children: r });
+};
+export {
+  m as CheckoutSection
+};

package/dist/CheckoutSection/index.d.ts

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

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

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

package/dist/CheckoutSection/index.js

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

package/dist/CheckoutSectionHeader/CheckoutSectionHeader.d.ts

@@ -0,0 +1,13 @@
+import { SxProps, TypographyProps, Theme } from '@afosto/components';
+import { ReactNode } from 'react';
+export interface CheckoutSectionHeaderProps {
+    description?: string;
+    descriptionTypographyProps?: TypographyProps;
+    endAdornment?: ReactNode;
+    onBack?: () => void;
+    sx?: SxProps<Theme>;
+    title: string;
+    titleTypographyProps?: TypographyProps;
+}
+export declare const CheckoutSectionHeader: (props: CheckoutSectionHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutSectionHeader.d.ts.map

package/dist/CheckoutSectionHeader/CheckoutSectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutSectionHeader.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutSectionHeader/CheckoutSectionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,eAAe,EACpB,KAAK,KAAK,EACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,0BAA0B;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,eAAe,CAAC;IAC7C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,eAAe,CAAC;CACxC;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDA+EtE,CAAC"}

package/dist/CheckoutSectionHeader/CheckoutSectionHeader.js

@@ -0,0 +1,67 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { Typography as d, Box as s, IconButton as f } from "@afosto/components";
+import { LongArrowLeftSolid as y } from "../icons/LongArrowLeftSolid.js";
+const C = (m) => {
+  const {
+    endAdornment: l,
+    description: t,
+    descriptionTypographyProps: h = {},
+    onBack: n,
+    title: x,
+    titleTypographyProps: c = {},
+    sx: p = {}
+  } = m, e = l || n, r = /* @__PURE__ */ o(
+    d,
+    {
+      variant: "h6",
+      ...c,
+      sx: {
+        ...!e && !t ? { mb: 3 } : {},
+        ...!e && t ? { mb: 1 } : {},
+        ...c.sx || {}
+      },
+      children: x
+    }
+  ), a = /* @__PURE__ */ i(
+    s,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        flexWrap: "wrap",
+        gap: 3,
+        justifyContent: "space-between",
+        ...t ? {
+          mb: 1
+        } : {
+          mb: 3,
+          ...p
+        }
+      },
+      children: [
+        n && /* @__PURE__ */ i(s, { sx: { gap: 2, display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ o(f, { onClick: n, size: "small", variant: "outlined", children: /* @__PURE__ */ o(y, {}) }),
+          r
+        ] }),
+        !n && r,
+        l
+      ]
+    }
+  );
+  return !e && !t ? r : e && !t ? a : /* @__PURE__ */ i(
+    s,
+    {
+      sx: {
+        mb: 3,
+        ...p
+      },
+      children: [
+        e ? a : r,
+        t && /* @__PURE__ */ o(d, { ...h, children: t })
+      ]
+    }
+  );
+};
+export {
+  C as CheckoutSectionHeader
+};

package/dist/CheckoutSectionHeader/index.d.ts

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

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

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

package/dist/CheckoutSectionHeader/index.js

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

package/dist/CheckoutShippingAddressSection/CheckoutShippingAddressSection.d.ts

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

package/dist/CheckoutShippingAddressSection/CheckoutShippingAddressSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutShippingAddressSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutShippingAddressSection/CheckoutShippingAddressSection.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;;;CAIxB,CAAC;AAEF,MAAM,WAAW,mCACf,SAAQ,OAAO,CACb,IAAI,CAAC,2BAA2B,EAAE,SAAS,GAAG,UAAU,GAAG,cAAc,CAAC,CAC3E;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,8BAA8B,GACzC,OAAO,mCAAmC,qDAwE3C,CAAC"}

package/dist/CheckoutShippingAddressSection/CheckoutShippingAddressSection.js

@@ -0,0 +1,65 @@
+import { jsx as a } from "react/jsx-runtime";
+import { CheckoutAddressSection as y } from "../CheckoutAddressSection/CheckoutAddressSection.js";
+import { useCheckout as v } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { useFormContext as k, Fields as x } from "@afosto/components";
+import { canEditInformation as B } from "../utils/canEditInformation.js";
+const b = {
+  title: "Shipping address",
+  sameBillingAsShippingAddressMessage: "Billing address is the same as my shipping address"
+}, I = (o) => {
+  const {
+    canEdit: d,
+    name: e = "shipping",
+    showOrganisationField: r = !1,
+    translations: l = {},
+    ...p
+  } = o || {}, {
+    addCustomerCountryCode: c,
+    availableShippingCountryCodes: h,
+    getUser: g,
+    isSignedIn: m,
+    setShippingAddressValidationSchema: C,
+    translations: u
+  } = v(), S = d ?? B(g()), { setValue: n } = k(), t = {
+    ...b,
+    ...u?.shippingAddressSection || {},
+    ...l || {}
+  }, A = async (s, i) => {
+    if (!i?.value) {
+      n(`${e}.countryCode`, "");
+      return;
+    }
+    try {
+      await c({ countryCode: i.value }), n(`${e}.countryCode`, i.value || "");
+    } catch {
+    }
+  }, f = (s) => {
+    s && C(s);
+  };
+  return /* @__PURE__ */ a(
+    y,
+    {
+      title: t.title,
+      availableCountryCodes: h,
+      canEdit: S,
+      checkFieldsState: m,
+      name: e,
+      onChangeCountry: A,
+      onChangeValidationSchema: f,
+      showOrganisationField: r,
+      ...p,
+      children: /* @__PURE__ */ a(
+        x.Checkbox,
+        {
+          name: "sameBillingAsShippingAddress",
+          id: "sameBillingAsShippingAddress",
+          label: t.sameBillingAsShippingAddressMessage,
+          sx: { mt: 3 }
+        }
+      )
+    }
+  );
+};
+export {
+  I as CheckoutShippingAddressSection
+};

package/dist/CheckoutShippingAddressSection/index.d.ts

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

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

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

package/dist/CheckoutShippingAddressSection/index.js

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

package/dist/CheckoutShippingMethodOption/CheckoutShippingMethodOption.d.ts

@@ -0,0 +1,17 @@
+import { CheckoutMethodRadioFieldProps } from '../CheckoutMethodRadioField/CheckoutMethodRadioField';
+import { CheckoutShippingMethodOptionType } from '../types';
+import { CheckoutPickupPointsFieldProps } from '../CheckoutPickupPointsField/CheckoutPickupPointsField';
+export interface CheckoutShippingMethodOptionProps {
+    active?: boolean;
+    currency?: string;
+    defaultPickupPointSearchValue?: CheckoutPickupPointsFieldProps['defaultSearchValue'];
+    isLoading?: boolean;
+    isSearchingPickupPoints?: CheckoutPickupPointsFieldProps['isSearching'];
+    locale?: string;
+    onChange: CheckoutMethodRadioFieldProps['onChange'];
+    onSearchPickupPoint?: CheckoutPickupPointsFieldProps['onSearch'];
+    option: CheckoutShippingMethodOptionType;
+    searchPickupPointsErrorMessage?: CheckoutPickupPointsFieldProps['errorMessage'];
+}
+export declare const CheckoutShippingMethodOption: (props: CheckoutShippingMethodOptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutShippingMethodOption.d.ts.map

package/dist/CheckoutShippingMethodOption/CheckoutShippingMethodOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutShippingMethodOption.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutShippingMethodOption/CheckoutShippingMethodOption.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,sDAAsD,CAAC;AAE9D,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,wDAAwD,CAAC;AAGhE,MAAM,WAAW,iCAAiC;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B,CAAC,EAAE,8BAA8B,CAAC,oBAAoB,CAAC,CAAC;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,CAAC,EAAE,8BAA8B,CAAC,aAAa,CAAC,CAAC;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,6BAA6B,CAAC,UAAU,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,8BAA8B,CAAC,UAAU,CAAC,CAAC;IACjE,MAAM,EAAE,gCAAgC,CAAC;IACzC,8BAA8B,CAAC,EAAE,8BAA8B,CAAC,cAAc,CAAC,CAAC;CACjF;AAED,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,qDAiDzC,CAAC"}

package/dist/CheckoutShippingMethodOption/CheckoutShippingMethodOption.js

@@ -0,0 +1,51 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Collapse as l } from "@afosto/components";
+import { CheckoutMethodRadioField as d } from "../CheckoutMethodRadioField/CheckoutMethodRadioField.js";
+import { CHECKOUT_CARRIER_ICON_MAPPING as m } from "../constants/carrierIconMapping.js";
+import { CheckoutPickupPointsField as k } from "../CheckoutPickupPointsField/CheckoutPickupPointsField.js";
+import { camelize as C } from "@afosto/utils";
+const E = (e) => {
+  const {
+    active: r,
+    currency: t,
+    locale: c,
+    onChange: n,
+    option: i,
+    defaultPickupPointSearchValue: p,
+    isLoading: a,
+    isSearchingPickupPoints: s,
+    onSearchPickupPoint: u,
+    searchPickupPointsErrorMessage: h
+  } = e || {}, P = m[C(
+    i.carrier?.toLowerCase() || ""
+  )];
+  return /* @__PURE__ */ o(
+    d,
+    {
+      active: r,
+      title: i.name,
+      value: i.id,
+      description: i.description,
+      instruction: i.instruction,
+      MethodIcon: P,
+      onChange: n,
+      pricing: i.pricing,
+      currency: t,
+      locale: c,
+      children: i.isPickupPoint && /* @__PURE__ */ o(l, { in: r, children: /* @__PURE__ */ o(
+        k,
+        {
+          defaultSearchValue: p,
+          errorMessage: h,
+          isLoading: a,
+          isSearching: s,
+          onSearch: u,
+          pickupPoints: i.pickupPoints ?? []
+        }
+      ) })
+    }
+  );
+};
+export {
+  E as CheckoutShippingMethodOption
+};

package/dist/CheckoutShippingMethodOption/index.d.ts

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

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

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

package/dist/CheckoutShippingMethodOption/index.js

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

package/dist/CheckoutShippingMethodSection/CheckoutShippingMethodSection.d.ts

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

package/dist/CheckoutShippingMethodSection/CheckoutShippingMethodSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutShippingMethodSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutShippingMethodSection/CheckoutShippingMethodSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,oCAAoC,CAAC;AAI5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,kCACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDA6B1C,CAAC"}