@afosto/checkout-ui 0.0.1-alpha.1

package/dist/CheckoutAddressSection/CheckoutAddressSection.js

@@ -0,0 +1,118 @@
+import { jsxs as V, jsx as r } from "react/jsx-runtime";
+import { useFormContext as j, Collapse as f } from "@afosto/components";
+import { CheckoutAddressCard as q } from "../CheckoutAddressCard/CheckoutAddressCard.js";
+import { CheckoutSection as D } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as H } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { CheckoutAddressFields as O } from "../CheckoutAddressFields/CheckoutAddressFields.js";
+import { string as e, object as p } from "yup";
+import { useState as $, useEffect as z } from "react";
+import { isDefined as B } from "@afosto/utils";
+import { useCheckout as I } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const Z = {
+  givenName: e().required(),
+  additionalName: e().nullable(),
+  familyName: e().required(),
+  country: p().nullable().required(),
+  postalCode: e(),
+  premiseNumber: e().numbersOnly(),
+  premiseNumberSuffix: e().maxLength(15),
+  addressLine1: e(),
+  addressLine2: e(),
+  administrativeArea: p().nullable(),
+  thoroughfare: e(),
+  locality: e()
+}, G = {
+  addressFields: {
+    additionalName: "Prefix",
+    addressLine2: "Address line 2",
+    country: "Country",
+    familyName: "Last name",
+    givenName: "First name",
+    locality: "City",
+    organisation: "Business name",
+    postal: "Postal code",
+    postalCode: "Postcode",
+    postTown: "Post town",
+    premiseNumber: "House number",
+    premiseNumberSuffix: "Suffix",
+    province: "Province",
+    state: "State",
+    suburb: "Suburb",
+    thoroughfare: "Street",
+    zip: "ZIP code"
+  }
+}, re = (C) => {
+  const {
+    address: S,
+    addressCardProps: b = {},
+    availableCountryCodes: y = [],
+    canEdit: F = !0,
+    checkFieldsState: g = !1,
+    children: k,
+    name: s,
+    onChangeCountry: A,
+    onChangeValidationSchema: v,
+    showAddressCard: o,
+    showOrganisationField: N = !1,
+    title: d,
+    translations: i = {},
+    validationSchema: w = Z,
+    ...x
+  } = C, [n, t] = $(
+    o ?? !1
+  ), { translations: l } = I(), { clearErrors: c, setValue: a, trigger: m, watch: P } = j(), [E] = P([s]), L = S ?? E, u = g && !B(o);
+  z(() => {
+    u ? (async () => {
+      try {
+        const h = await m(s);
+        c(s), h || a(`${s}.isDirty`, !0), t(h);
+      } catch {
+        t(!1);
+      }
+    })() : t(!1);
+  }, [c, s, a, u, m]);
+  const T = {
+    ...l?.addressSection || {},
+    ...i || {},
+    addressFields: {
+      ...G.addressFields || {},
+      ...l?.addressFields || {},
+      ...i?.addressFields || {}
+    }
+  };
+  return /* @__PURE__ */ V(D, { ...x, children: [
+    /* @__PURE__ */ r(H, { title: d }),
+    /* @__PURE__ */ r(f, { in: n, children: /* @__PURE__ */ r(
+      q,
+      {
+        address: L,
+        canEdit: F,
+        onEdit: () => {
+          t(!1), a(`${s}.isDirty`, !0);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ r(f, { in: !n, children: /* @__PURE__ */ r(
+      O,
+      {
+        addressCardProps: {
+          editComponentType: "link",
+          ...b
+        },
+        name: s,
+        title: d,
+        availableCountryCodes: y,
+        fieldLabels: T.addressFields,
+        onChangeCountry: A,
+        onChangeValidationSchema: v,
+        showOrganisationField: N,
+        validationSchema: w
+      }
+    ) }),
+    k
+  ] });
+};
+export {
+  re as CheckoutAddressSection,
+  Z as baseAddressValidationSchema
+};

package/dist/CheckoutAddressSection/index.d.ts

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

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

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

package/dist/CheckoutAddressSection/index.js

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

package/dist/CheckoutAgreementOption/CheckoutAgreementOption.d.ts

@@ -0,0 +1,14 @@
+import { CheckoutMethodRadioFieldProps } from '../CheckoutMethodRadioField/CheckoutMethodRadioField';
+import { CheckoutAgreementOptionType, CheckoutPaymentMethodOptionType } from '../types';
+export interface CheckoutAgreementOptionProps {
+    active?: boolean;
+    currency?: string;
+    hideIcon?: boolean;
+    locale?: string;
+    onChange: CheckoutMethodRadioFieldProps['onChange'];
+    option: CheckoutAgreementOptionType;
+    paymentMethods?: CheckoutPaymentMethodOptionType[];
+    paymentMethodsLimit?: number;
+}
+export declare const CheckoutAgreementOption: (props: CheckoutAgreementOptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutAgreementOption.d.ts.map

package/dist/CheckoutAgreementOption/CheckoutAgreementOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAgreementOption.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAgreementOption/CheckoutAgreementOption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,sDAAsD,CAAC;AAC9D,OAAO,KAAK,EACV,2BAA2B,EAC3B,+BAA+B,EAChC,MAAM,UAAU,CAAC;AAOlB,MAAM,WAAW,4BAA4B;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,6BAA6B,CAAC,UAAU,CAAC,CAAC;IACpD,MAAM,EAAE,2BAA2B,CAAC;IACpC,cAAc,CAAC,EAAE,+BAA+B,EAAE,CAAC;IACnD,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,qDA+FpC,CAAC"}

package/dist/CheckoutAgreementOption/CheckoutAgreementOption.js

@@ -0,0 +1,94 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { CheckoutMethodRadioField as g } from "../CheckoutMethodRadioField/CheckoutMethodRadioField.js";
+import { camelize as m } from "@afosto/utils";
+import { CHECKOUT_AGREEMENT_TYPE_ICON_MAPPING as y } from "../constants/agreementTypeIconMapping.js";
+import { Box as s, Typography as I, Collapse as M } from "@afosto/components";
+import { CheckoutAgreementOptionCondition as T } from "../CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.js";
+import { CHECKOUT_PAYMENT_METHOD_ICON_MAPPING as _ } from "../constants/paymentMethodIconMapping.js";
+const k = (h) => {
+  const {
+    active: l,
+    currency: c,
+    hideIcon: C = !1,
+    locale: d,
+    onChange: f,
+    option: e,
+    paymentMethods: i,
+    paymentMethodsLimit: n = 5
+  } = h || {}, r = m(e.type?.toLowerCase() || ""), u = y[r];
+  return /* @__PURE__ */ p(
+    g,
+    {
+      active: l,
+      currency: c,
+      locale: d,
+      title: e.name,
+      value: e.id,
+      description: e.description,
+      instruction: e.instructions,
+      MethodIcon: C ? void 0 : u,
+      onChange: f,
+      childrenClickable: !0,
+      children: [
+        r === "default" && /* @__PURE__ */ p(
+          s,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              flexWrap: "wrap",
+              gap: 1,
+              ml: 7,
+              mt: -1,
+              pb: 2,
+              pr: 2
+            },
+            children: [
+              (i || []).slice(0, n).map((o) => {
+                const x = m(
+                  o.code.toLowerCase() || ""
+                ), a = _[x];
+                return a ? /* @__PURE__ */ t(
+                  a,
+                  {
+                    sx: { width: 28, height: 20 }
+                  },
+                  o.id
+                ) : null;
+              }),
+              (i || []).length > n && /* @__PURE__ */ p(I, { component: "span", color: "gray.700", variant: "bodySmall", children: [
+                "+",
+                (i || []).length - n
+              ] })
+            ]
+          }
+        ),
+        r !== "default" && /* @__PURE__ */ t(M, { in: l, children: /* @__PURE__ */ t(
+          s,
+          {
+            sx: {
+              borderTop: (o) => `1px solid ${o.palette.divider}`,
+              display: "flex",
+              flexDirection: "column",
+              gap: 0.5,
+              px: 2.5,
+              py: 1.5
+            },
+            children: e.conditions.map((o) => /* @__PURE__ */ t(
+              T,
+              {
+                condition: o,
+                currency: c,
+                locale: d
+              },
+              `${e.id}_${o.type}`
+            ))
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  k as CheckoutAgreementOption
+};

package/dist/CheckoutAgreementOption/index.d.ts

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

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

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

package/dist/CheckoutAgreementOption/index.js

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

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.d.ts

@@ -0,0 +1,15 @@
+import { CheckoutAgreementOptionConditionType, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    payImmediately: string;
+    paymentOnDelivery: string;
+    withinDaysOfTheInvoiceDate: string;
+};
+export interface CheckoutAgreementOptionConditionProps {
+    currency?: string;
+    locale?: string;
+    condition: CheckoutAgreementOptionConditionType;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutAgreementOptionCondition: (props: CheckoutAgreementOptionConditionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutAgreementOptionCondition.d.ts.map

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAgreementOptionCondition.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oCAAoC,EACpC,WAAW,EACZ,MAAM,UAAU,CAAC;AAMlB,QAAA,MAAM,mBAAmB;;;;CAIxB,CAAC;AAEF,MAAM,WAAW,qCAAqC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,oCAAoC,CAAC;IAChD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,gCAAgC,GAC3C,OAAO,qCAAqC,qDAiE7C,CAAC"}

package/dist/CheckoutAgreementOptionCondition/CheckoutAgreementOptionCondition.js

@@ -0,0 +1,59 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { Box as r, Typography as s } from "@afosto/components";
+import { TurnDownRightSolid as g } from "../icons/TurnDownRightSolid.js";
+import { CheckoutCurrency as x } from "../CheckoutCurrency/CheckoutCurrency.js";
+import { camelize as v } from "@afosto/utils";
+import { useCheckout as C } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+const D = {
+  payImmediately: "Pay immediately",
+  paymentOnDelivery: "Payment on delivery",
+  withinDaysOfTheInvoiceDate: "Within {days} days of the invoice date"
+}, j = (l) => {
+  const {
+    condition: t,
+    currency: m,
+    locale: c,
+    translations: y = {}
+  } = l, { summary: p, translations: d } = C(), { total: f = 0 } = p || {}, o = {
+    ...D,
+    ...d.agreementOptionConditions || {},
+    ...y || {}
+  }, a = v(t.type?.toLowerCase() || ""), u = f * t.amount / 100;
+  let e = t.type;
+  return a === "downPayment" && (e = `${o.payImmediately}${t.amount > 0 && t.amount < 100 ? ` (${t.amount}%)` : ""}`), a === "postPaid" && (e = o.withinDaysOfTheInvoiceDate.replace(
+    "{days}",
+    t.pastDueAfter.toString()
+  )), a === "cod" && (e = o.paymentOnDelivery), /* @__PURE__ */ i(
+    r,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 4,
+        justifyContent: "space-between"
+      },
+      children: [
+        /* @__PURE__ */ i(r, { sx: { display: "flex", alignItems: "center", gap: 2.5 }, children: [
+          /* @__PURE__ */ n(
+            g,
+            {
+              sx: { color: (h) => h.palette.gray[400], fontSize: 16 }
+            }
+          ),
+          /* @__PURE__ */ n(s, { children: e })
+        ] }),
+        /* @__PURE__ */ n(s, { fontWeight: 500, children: /* @__PURE__ */ n(
+          x,
+          {
+            currency: m,
+            locale: c,
+            value: u / 100
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  j as CheckoutAgreementOptionCondition
+};

package/dist/CheckoutAgreementOptionCondition/index.d.ts

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

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

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

package/dist/CheckoutAgreementOptionCondition/index.js

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

package/dist/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.d.ts

@@ -0,0 +1,22 @@
+import { CheckoutAgreementOptionType, CheckoutPaymentMethodOptionType, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    failedToSelectAgreementOptionTitle: string;
+    failedToSelectAgreementOptionDescription: string;
+    noAgreementOptionsAvailableTitle: string;
+    noAgreementOptionsAvailableDescription: string;
+    orPayLayer: string;
+    payNow: string;
+    payNowDescription: string;
+};
+export interface CheckoutAgreementOptionsFieldProps {
+    agreementOptions?: CheckoutAgreementOptionType[];
+    currency?: string;
+    isLoading?: boolean;
+    locale?: string;
+    name?: string;
+    paymentMethods?: CheckoutPaymentMethodOptionType[];
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutAgreementOptionsField: (props: CheckoutAgreementOptionsFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutAgreementOptionsField.d.ts.map

package/dist/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAgreementOptionsField.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,2BAA2B,EAC3B,+BAA+B,EAC/B,WAAW,EAEZ,MAAM,UAAU,CAAC;AAMlB,QAAA,MAAM,mBAAmB;;;;;;;;CAUxB,CAAC;AAEF,MAAM,WAAW,kCAAkC;IACjD,gBAAgB,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,+BAA+B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDAyI1C,CAAC"}

package/dist/CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.js

@@ -0,0 +1,113 @@
+import { jsx as a, jsxs as N, Fragment as F } from "react/jsx-runtime";
+import { CheckoutCardRadioField as M } from "../CheckoutCardRadioField/CheckoutCardRadioField.js";
+import { useCheckout as V } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutAgreementOption as v } from "../CheckoutAgreementOption/CheckoutAgreementOption.js";
+import { CheckoutMethodRadioSkeleton as j } from "../CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.js";
+import { useFormContext as z, Divider as E, Typography as R } from "@afosto/components";
+import { camelize as w, capitalize as W } from "@afosto/utils";
+import { getErrorMessage as q } from "../utils/getErrorMessage.js";
+const B = {
+  failedToSelectAgreementOptionTitle: "Payment option not selected",
+  failedToSelectAgreementOptionDescription: "Something went wrong while selecting the payment method. Choose another payment method or try again.",
+  noAgreementOptionsAvailableTitle: "No payment options available",
+  noAgreementOptionsAvailableDescription: "We are sorry, but there are currently no payment options available for your order. Please contact us to complete your purchase.",
+  orPayLayer: "Or pay later",
+  payNow: "Pay now",
+  payNowDescription: "Pay the full amount immediately"
+}, Z = (k) => {
+  const {
+    agreementOptions: i = [],
+    currency: p,
+    isLoading: c = !1,
+    locale: m,
+    name: d = "agreementId",
+    paymentMethods: P = [],
+    translations: S = {}
+  } = k || {}, {
+    activeStep: g,
+    setAgreementTemplate: b,
+    setErrorMessage: y,
+    setIsProcessing: s,
+    translations: u
+  } = V(), { formProps: I, getValues: x, reset: h, watch: D } = z(), { setData: L } = I || {}, [f] = D([d]), t = {
+    ...B,
+    ...u?.agreementOptionsField || {},
+    ...u?.feedback || {},
+    ...S || {}
+  }, l = i.find(
+    (e) => w(e.type?.toLowerCase() || "") === "default"
+  ), O = i.filter(
+    (e) => w(e.type?.toLowerCase() || "") !== "default"
+  ), C = async (e) => {
+    const A = x();
+    try {
+      y(null), s(!0);
+      const { value: o } = e.target, r = i.find(
+        (n) => n.id === o
+      );
+      await b({
+        agreementId: o
+      });
+      const T = {
+        agreementId: o,
+        agreementType: r?.type || ""
+      };
+      h({
+        ...A,
+        ...T
+      }), L((n) => (n.splice(g, 1, {
+        ...n[g],
+        ...T
+      }), n)), s(!1);
+    } catch (o) {
+      const r = q(o);
+      y({
+        title: t.failedToSelectAgreementOptionTitle,
+        description: r ? W(r) : t.failedToSelectAgreementOptionDescription
+      }), h(A), s(!1);
+    }
+  };
+  return /* @__PURE__ */ a(
+    M,
+    {
+      id: "field-radio-agreement-option",
+      name: d,
+      isLoading: c,
+      onChange: C,
+      OptionComponent: v,
+      OptionSkeletonComponent: j,
+      options: O.map((e) => ({
+        ...e,
+        value: e.id
+      })),
+      optionProps: {
+        currency: p,
+        locale: m
+      },
+      value: f,
+      children: !c && l && /* @__PURE__ */ N(F, { children: [
+        /* @__PURE__ */ a(
+          v,
+          {
+            active: f === l.id,
+            currency: p,
+            locale: m,
+            onChange: C,
+            option: {
+              ...l,
+              description: t.payNowDescription,
+              name: t.payNow,
+              instructions: void 0
+            },
+            paymentMethods: P,
+            hideIcon: !0
+          }
+        ),
+        O.length > 0 && /* @__PURE__ */ a(E, { sx: { my: 2.5 }, children: /* @__PURE__ */ a(R, { color: "gray.500", children: t.orPayLayer }) })
+      ] })
+    }
+  );
+};
+export {
+  Z as CheckoutAgreementOptionsField
+};

package/dist/CheckoutAgreementOptionsField/index.d.ts

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

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

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

package/dist/CheckoutAgreementOptionsField/index.js

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

package/dist/CheckoutAgreementOptionsSection/CheckoutAgreementOptionsSection.d.ts

@@ -0,0 +1,16 @@
+import { CheckoutAgreementOptionType, CheckoutPaymentMethodOptionType, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    title: string;
+    description: string;
+};
+export interface CheckoutAgreementOptionsSectionProps {
+    agreementOptions?: CheckoutAgreementOptionType[];
+    currency?: string;
+    locale?: string;
+    isLoading?: boolean;
+    paymentMethods?: CheckoutPaymentMethodOptionType[];
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutAgreementOptionsSection: (props: CheckoutAgreementOptionsSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutAgreementOptionsSection.d.ts.map

package/dist/CheckoutAgreementOptionsSection/CheckoutAgreementOptionsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAgreementOptionsSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAgreementOptionsSection/CheckoutAgreementOptionsSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,2BAA2B,EAC3B,+BAA+B,EAC/B,WAAW,EACZ,MAAM,UAAU,CAAC;AAGlB,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,oCAAoC;IACnD,gBAAgB,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,+BAA+B,EAAE,CAAC;IACnD,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,+BAA+B,GAC1C,OAAO,oCAAoC,qDAkC5C,CAAC"}

package/dist/CheckoutAgreementOptionsSection/CheckoutAgreementOptionsSection.js

@@ -0,0 +1,44 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { useCheckout as m } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutSection as d } from "../CheckoutSection/CheckoutSection.js";
+import { CheckoutSectionHeader as u } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { CheckoutAgreementOptionsField as f } from "../CheckoutAgreementOptionsField/CheckoutAgreementOptionsField.js";
+const h = {
+  title: "Payment option",
+  description: "How would you like to pay for your order?"
+}, S = (e) => {
+  const {
+    agreementOptions: n = [],
+    currency: i,
+    isLoading: r = !1,
+    locale: s,
+    paymentMethods: c = [],
+    translations: a = {}
+  } = e || {}, { translations: l } = m(), t = {
+    ...h,
+    ...l?.agreementOptionsSection || {},
+    ...a || {}
+  };
+  return /* @__PURE__ */ p(d, { children: [
+    /* @__PURE__ */ o(
+      u,
+      {
+        title: t.title,
+        description: t.description
+      }
+    ),
+    /* @__PURE__ */ o(
+      f,
+      {
+        agreementOptions: n,
+        currency: i,
+        locale: s,
+        isLoading: r,
+        paymentMethods: c
+      }
+    )
+  ] });
+};
+export {
+  S as CheckoutAgreementOptionsSection
+};

package/dist/CheckoutAgreementOptionsSection/index.d.ts

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

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

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

package/dist/CheckoutAgreementOptionsSection/index.js

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

package/dist/CheckoutAgreementSummaryCard/CheckoutAgreementSummaryCard.d.ts

@@ -0,0 +1,17 @@
+import { CardProps, SvgIconProps } from '@afosto/components';
+import { JSXElementConstructor } from 'react';
+import { CheckoutAgreementOption, DeepPartial } from '../types';
+declare const defaultTranslations: {
+    edit: string;
+    payImmediately: string;
+};
+export interface CheckoutAgreementSummaryCardProps extends Omit<CardProps, 'children'> {
+    AgreementIcon?: JSXElementConstructor<SvgIconProps>;
+    agreementTemplate: CheckoutAgreementOption;
+    onEdit?: () => void;
+    title?: string;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutAgreementSummaryCard: (props: CheckoutAgreementSummaryCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutAgreementSummaryCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutAgreementSummaryCard.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutAgreementSummaryCard/CheckoutAgreementSummaryCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EAGd,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGrE,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnC,aAAa,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACpD,iBAAiB,EAAE,uBAAuB,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AACD,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,qDAsDzC,CAAC"}