@afosto/checkout-ui 0.0.1-alpha.1

package/dist/CheckoutMobileStepper/CheckoutMobileStepper.js

@@ -0,0 +1,50 @@
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import { useCheckout as l } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { Stack as y, Typography as d } from "@afosto/components";
+import { Fragment as f } from "react";
+import { AngleRightLight as u } from "../icons/AngleRightLight.js";
+const z = (s) => {
+  const {
+    activeStep: i,
+    steps: c,
+    ...o
+  } = s, { activeStep: n = 0, steps: a = [] } = l(), m = i ?? n, r = c ?? a;
+  return /* @__PURE__ */ e(
+    y,
+    {
+      direction: "row",
+      ...o,
+      sx: {
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: { xs: 0.5, sm: 1 },
+        ...o?.sx || {}
+      },
+      children: r.map(({ label: g, key: h }, p) => /* @__PURE__ */ S(f, { children: [
+        /* @__PURE__ */ e(
+          d,
+          {
+            fontWeight: 500,
+            color: (m || 0) === p ? "gray.800" : "gray.500",
+            sx: (t) => ({
+              fontSize: {
+                xs: t.typography.bodySmall.fontSize,
+                sm: t.typography.bodyMedium.fontSize
+              }
+            }),
+            children: g
+          }
+        ),
+        p + 1 < r.length && /* @__PURE__ */ e(
+          u,
+          {
+            sx: (t) => ({ color: t.palette.gray[300] })
+          }
+        )
+      ] }, h))
+    }
+  );
+};
+export {
+  z as CheckoutMobileStepper
+};

package/dist/CheckoutMobileStepper/index.d.ts

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

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

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

package/dist/CheckoutMobileStepper/index.js

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

package/dist/CheckoutMobileStepperSkeleton/CheckoutMobileStepperSkeleton.d.ts

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

package/dist/CheckoutMobileStepperSkeleton/CheckoutMobileStepperSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutMobileStepperSkeleton.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutMobileStepperSkeleton/CheckoutMobileStepperSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAY,MAAM,oBAAoB,CAAC;AAGlE,MAAM,MAAM,kCAAkC,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAEvE,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,qDAS1C,CAAC"}

package/dist/CheckoutMobileStepperSkeleton/CheckoutMobileStepperSkeleton.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Box as o, Skeleton as m } from "@afosto/components";
+import { arrayFromNumber as i } from "@afosto/utils";
+const l = (r) => /* @__PURE__ */ e(o, { ...r, sx: { display: "flex", gap: 3, ...r?.sx || {} }, children: i(4).map((t) => /* @__PURE__ */ e(m, { variant: "text", width: 65 }, t)) });
+export {
+  l as CheckoutMobileStepperSkeleton
+};

package/dist/CheckoutMobileStepperSkeleton/index.d.ts

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

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

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

package/dist/CheckoutMobileStepperSkeleton/index.js

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

package/dist/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.d.ts

@@ -0,0 +1,19 @@
+import { FeedbackMessageProps, SvgIconProps } from '@afosto/components';
+import { JSXElementConstructor } from 'react';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    cartNotFoundTitle: string;
+    cartNotFoundDescription: string;
+    orderNotFoundTitle: string;
+    orderNotFoundDescription: string;
+};
+export interface CheckoutNotFoundFeedbackProps {
+    description?: string;
+    Icon?: JSXElementConstructor<SvgIconProps>;
+    severity?: FeedbackMessageProps['severity'];
+    title?: string;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutNotFoundFeedback: (props: CheckoutNotFoundFeedbackProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutNotFoundFeedback.d.ts.map

package/dist/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutNotFoundFeedback.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;;;CAMxB,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,wBAAwB,GACnC,OAAO,6BAA6B,qDAiCrC,CAAC"}

package/dist/CheckoutNotFoundFeedback/CheckoutNotFoundFeedback.js

@@ -0,0 +1,34 @@
+import { jsx as u } from "react/jsx-runtime";
+import { FeedbackMessage as l } from "@afosto/components";
+import { useCheckout as h } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { ShoppingCartLight as F } from "../icons/ShoppingCartLight.js";
+const f = {
+  cartNotFoundTitle: "No shopping cart",
+  cartNotFoundDescription: "You don't have a shopping cart to checkout. First fill your shopping cart on the webshop.",
+  orderNotFoundTitle: "No order",
+  orderNotFoundDescription: "The provided order cannot be found."
+}, g = (n) => {
+  const {
+    description: r,
+    Icon: e,
+    severity: i = "default",
+    title: s,
+    translations: c
+  } = n, { flow: o, translations: d } = h(), t = {
+    ...f,
+    ...d.notFound || {},
+    ...c
+  }, a = s ?? t[`${o}NotFoundTitle`], p = r ?? t[`${o}NotFoundDescription`];
+  return /* @__PURE__ */ u(
+    l,
+    {
+      description: p,
+      icon: e || F,
+      severity: i,
+      title: a
+    }
+  );
+};
+export {
+  g as CheckoutNotFoundFeedback
+};

package/dist/CheckoutNotFoundFeedback/index.d.ts

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

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

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

package/dist/CheckoutNotFoundFeedback/index.js

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

package/dist/CheckoutOrderProvider/CheckoutOrderProvider.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Channel } from '@afosto/storefront';
+import { CheckoutCustomOperationEntry, CheckoutSettings, CheckoutSteps, CheckoutTranslations, DeepPartial } from '../types';
+import { CheckoutOrderOperations } from '../operations/orderOperations';
+import { BaseCheckoutProviderProps } from '../CheckoutProvider/CheckoutProvider';
+export interface CheckoutOrderProviderProps extends BaseCheckoutProviderProps {
+    orderId: string;
+    channel: Channel | null;
+    children: ReactNode;
+    isLoadingChannel: boolean;
+    locale: string;
+    operations?: DeepPartial<CheckoutOrderOperations> | (DeepPartial<CheckoutOrderOperations> & Record<string, CheckoutCustomOperationEntry>);
+    settings: CheckoutSettings;
+    steps: CheckoutSteps;
+    translations: CheckoutTranslations;
+}
+export declare const CheckoutOrderProvider: (props: CheckoutOrderProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutOrderProvider.d.ts.map

package/dist/CheckoutOrderProvider/CheckoutOrderProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutOrderProvider.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutOrderProvider/CheckoutOrderProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EACV,4BAA4B,EAC5B,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,WAAW,EACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAOtF,MAAM,WAAW,0BAA2B,SAAQ,yBAAyB;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EACP,WAAW,CAAC,uBAAuB,CAAC,GACpC,CAAC,WAAW,CAAC,uBAAuB,CAAC,GACnC,MAAM,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,oBAAoB,CAAC;CACpC;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,qDA4DtE,CAAC"}

package/dist/CheckoutOrderProvider/CheckoutOrderProvider.js

@@ -0,0 +1,58 @@
+import { jsx as h } from "react/jsx-runtime";
+import { CheckoutStateProvider as l } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { orderOperations as k } from "../operations/orderOperations.js";
+import { authOperations as C } from "../operations/authOperations.js";
+import { useCheckoutOrder as v } from "../hooks/useCheckoutOrder.js";
+const b = (c) => {
+  const {
+    orderId: t,
+    analytics: m,
+    isLoadingChannel: u,
+    locale: e,
+    storefront: s,
+    operations: n = {},
+    settings: i,
+    steps: d,
+    ...f
+  } = c, r = {
+    ...C,
+    ...k
+  }, p = Object.keys(n || {}).reduce(
+    (a, o) => ({
+      ...a,
+      [o]: {
+        ...a[o] || {},
+        ...n[o] || {}
+      }
+    }),
+    r
+  ), O = v({
+    orderId: t,
+    analytics: m,
+    defaultOperations: r,
+    isLoadingChannel: u,
+    locale: e,
+    operations: p,
+    settings: i,
+    storefront: s,
+    steps: d
+  });
+  return /* @__PURE__ */ h(
+    l,
+    {
+      ...f,
+      ...O,
+      defaultOperations: r,
+      flow: "order",
+      orderId: t,
+      locale: e,
+      operations: p,
+      settings: i,
+      steps: d,
+      storefront: s
+    }
+  );
+};
+export {
+  b as CheckoutOrderProvider
+};

package/dist/CheckoutOrderProvider/index.d.ts

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

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

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

package/dist/CheckoutOrderProvider/index.js

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

package/dist/CheckoutPayPalExpressButton/CheckoutPayPalExpressButton.d.ts

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

package/dist/CheckoutPayPalExpressButton/CheckoutPayPalExpressButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutPayPalExpressButton.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutPayPalExpressButton/CheckoutPayPalExpressButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAG9D,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC;AAE3D,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDAqBxC,CAAC"}

package/dist/CheckoutPayPalExpressButton/CheckoutPayPalExpressButton.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Button as n } from "@afosto/components";
+import { PayPalExpress as i } from "../icons/PayPalExpress.js";
+const u = (r) => {
+  const { loading: t = !1, onClick: e, sx: s, ...l } = r || {};
+  return /* @__PURE__ */ o(
+    n,
+    {
+      type: "button",
+      color: "secondary",
+      size: "large",
+      fullWidth: !0,
+      ...l,
+      loading: t,
+      onClick: e,
+      sx: {
+        backgroundColor: "#F6C657",
+        ...s || {}
+      },
+      children: /* @__PURE__ */ o(i, { sx: { width: 60, height: 16 } })
+    }
+  );
+};
+export {
+  u as CheckoutPayPalExpressButton
+};

package/dist/CheckoutPayPalExpressButton/index.d.ts

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

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

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

package/dist/CheckoutPayPalExpressButton/index.js

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

package/dist/CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.d.ts

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

package/dist/CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutPaymentMethodOption.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,sDAAsD,CAAC;AAG9D,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAIhE,MAAM,WAAW,gCAAgC;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,6BAA6B,CAAC,UAAU,CAAC,CAAC;IACpD,MAAM,EAAE,+BAA+B,CAAC;CACzC;AAED,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDAsCxC,CAAC"}

package/dist/CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.js

@@ -0,0 +1,31 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { CheckoutMethodRadioField as d } from "../CheckoutMethodRadioField/CheckoutMethodRadioField.js";
+import { Collapse as r, Box as t } from "@afosto/components";
+import { CHECKOUT_PAYMENT_METHOD_ICON_MAPPING as h } from "../constants/paymentMethodIconMapping.js";
+import { CheckoutIssuersField as a } from "../CheckoutIssuersField/CheckoutIssuersField.js";
+import { CheckoutTerminalsField as u } from "../CheckoutTerminalsField/CheckoutTerminalsField.js";
+const I = (n) => {
+  const { active: o, currency: s, locale: c, onChange: l, option: e } = n || {}, m = h[e.code?.toLowerCase()];
+  return /* @__PURE__ */ p(
+    d,
+    {
+      active: o,
+      title: e.name,
+      value: e.id,
+      description: e.description,
+      instruction: e.instruction,
+      MethodIcon: m,
+      onChange: l,
+      pricing: e.pricing,
+      currency: s,
+      locale: c,
+      children: [
+        (e.issuers || []).length > 0 && /* @__PURE__ */ i(r, { in: o, children: /* @__PURE__ */ i(t, { sx: { px: 2, pb: 2 }, children: /* @__PURE__ */ i(a, { issuers: e.issuers ?? [] }) }) }),
+        (e.terminals || []).length > 0 && /* @__PURE__ */ i(r, { in: o, children: /* @__PURE__ */ i(t, { sx: { px: 2, pb: 2 }, children: /* @__PURE__ */ i(u, { terminals: e.terminals ?? [] }) }) })
+      ]
+    }
+  );
+};
+export {
+  I as CheckoutPaymentMethodOption
+};

package/dist/CheckoutPaymentMethodOption/index.d.ts

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

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

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

package/dist/CheckoutPaymentMethodOption/index.js

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

package/dist/CheckoutPaymentMethodSection/CheckoutPaymentMethodSection.d.ts

@@ -0,0 +1,15 @@
+import { CheckoutSectionHeaderProps } from '../CheckoutSectionHeader/CheckoutSectionHeader';
+import { ReactNode } from 'react';
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    title: string;
+    description: string;
+};
+export interface CheckoutPaymentMethodSectionProps {
+    children?: ReactNode;
+    onBack?: CheckoutSectionHeaderProps['onBack'];
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutPaymentMethodSection: (props: CheckoutPaymentMethodSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutPaymentMethodSection.d.ts.map

package/dist/CheckoutPaymentMethodSection/CheckoutPaymentMethodSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutPaymentMethodSection.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutPaymentMethodSection/CheckoutPaymentMethodSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,gDAAgD,CAAC;AAIxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,4BAA4B,GACvC,OAAO,iCAAiC,qDA4BzC,CAAC"}

package/dist/CheckoutPaymentMethodSection/CheckoutPaymentMethodSection.js

@@ -0,0 +1,35 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { CheckoutSectionHeader as d } from "../CheckoutSectionHeader/CheckoutSectionHeader.js";
+import { CheckoutSection as l } from "../CheckoutSection/CheckoutSection.js";
+import { useCheckout as m } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutPaymentMethodsField as h } from "../CheckoutPaymentMethodsField/CheckoutPaymentMethodsField.js";
+const p = {
+  title: "Payment method",
+  description: "How would you like to pay for your order?"
+}, P = (e) => {
+  const {
+    children: n,
+    onBack: r,
+    translations: i = {},
+    ...s
+  } = e || {}, { translations: c } = m(), t = {
+    ...p,
+    ...c?.paymentMethodSection || {},
+    ...i || {}
+  };
+  return /* @__PURE__ */ a(l, { ...s, children: [
+    /* @__PURE__ */ o(
+      d,
+      {
+        title: t.title,
+        description: t.description,
+        onBack: r
+      }
+    ),
+    n,
+    /* @__PURE__ */ o(h, {})
+  ] });
+};
+export {
+  P as CheckoutPaymentMethodSection
+};

package/dist/CheckoutPaymentMethodSection/index.d.ts

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

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

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

package/dist/CheckoutPaymentMethodSection/index.js

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

package/dist/CheckoutPaymentMethodsField/CheckoutPaymentMethodsField.d.ts

@@ -0,0 +1,17 @@
+import { DeepPartial } from '../types';
+declare const defaultTranslations: {
+    failedToSelectPaymentMethodTitle: string;
+    failedToSelectPaymentMethodDescription: string;
+    noPaymentMethodsAvailableTitle: string;
+    noPaymentMethodsAvailableDescription: string;
+};
+export interface CheckoutPaymentMethodsFieldProps {
+    currency?: string;
+    locale?: string;
+    name?: string;
+    hideEmptyMessage?: boolean;
+    translations?: DeepPartial<typeof defaultTranslations>;
+}
+export declare const CheckoutPaymentMethodsField: (props: CheckoutPaymentMethodsFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutPaymentMethodsField.d.ts.map

package/dist/CheckoutPaymentMethodsField/CheckoutPaymentMethodsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutPaymentMethodsField.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutPaymentMethodsField/CheckoutPaymentMethodsField.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,UAAU,CAAC;AAE3D,QAAA,MAAM,mBAAmB;;;;;CAOxB,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,2BAA2B,GACtC,OAAO,gCAAgC,qDAgIxC,CAAC"}

package/dist/CheckoutPaymentMethodsField/CheckoutPaymentMethodsField.js

@@ -0,0 +1,93 @@
+import { jsx as P } from "react/jsx-runtime";
+import { useFormContext as F } from "@afosto/components";
+import { useCheckoutPaymentMethods as O } from "../hooks/useCheckoutPaymentMethods.js";
+import { getErrorMessage as V } from "../utils/getErrorMessage.js";
+import { capitalize as z } from "@afosto/utils";
+import { useCheckout as R } from "../CheckoutStateProvider/CheckoutStateProvider.js";
+import { CheckoutCardRadioField as j } from "../CheckoutCardRadioField/CheckoutCardRadioField.js";
+import { CheckoutPaymentMethodOption as L } from "../CheckoutPaymentMethodOption/CheckoutPaymentMethodOption.js";
+import { CheckoutMethodRadioSkeleton as N } from "../CheckoutMethodRadioSkeleton/CheckoutMethodRadioSkeleton.js";
+import { CheckoutEmptyMessageAlert as W } from "../CheckoutEmptyMessageAlert/CheckoutEmptyMessageAlert.js";
+const q = {
+  failedToSelectPaymentMethodTitle: "Payment method not selected",
+  failedToSelectPaymentMethodDescription: "Something went wrong while selecting the payment method. Choose another payment method or try again.",
+  noPaymentMethodsAvailableTitle: "No payment methods available",
+  noPaymentMethodsAvailableDescription: "We are sorry, but there are currently no payment methods available for your order. Please contact us to complete your purchase."
+}, _ = (T) => {
+  const {
+    currency: r,
+    locale: C,
+    name: l = "methodId",
+    hideEmptyMessage: k = !1,
+    translations: v = {}
+  } = T || {}, {
+    activeStep: d,
+    addPaymentMethod: w,
+    setErrorMessage: m,
+    setIsProcessing: a,
+    translations: c
+  } = R(), { isInitializingPaymentMethods: h, paymentMethods: s } = O(), { formProps: b, getValues: I, reset: p, watch: S } = F(), { setData: A } = b || {}, [E] = S([l]), o = {
+    ...q,
+    ...c?.paymentMethodsField || {},
+    ...c?.feedback || {},
+    ...v || {}
+  }, x = async (n) => {
+    const y = I();
+    try {
+      m(null), a(!0);
+      const { value: e } = n.target, u = s.find(
+        (t) => t.id === e
+      )?.terminals || [], D = u.length > 1, [f] = u, M = !D && f ? f?.id : "";
+      await w({
+        methodId: e,
+        ...M ? { terminalId: M } : {}
+      });
+      const g = {
+        methodId: e
+      };
+      p({
+        ...y,
+        ...g
+      }), A((t) => (t?.splice(d, 1, {
+        ...t[d],
+        ...g
+      }), t)), a(!1);
+    } catch (e) {
+      const i = V(e);
+      m({
+        title: o.failedToSelectPaymentMethodTitle,
+        description: i ? z(i) : o.failedToSelectPaymentMethodDescription
+      }), p(y), a(!1), window && typeof window < "u" && window.scrollTo(0, 0);
+    }
+  };
+  return !k && !h && !s.length ? /* @__PURE__ */ P(
+    W,
+    {
+      title: o.noPaymentMethodsAvailableTitle,
+      description: o.noPaymentMethodsAvailableDescription
+    }
+  ) : /* @__PURE__ */ P(
+    j,
+    {
+      id: "field-radio-payment-method",
+      name: l,
+      isLoading: h,
+      onChange: x,
+      OptionComponent: L,
+      OptionSkeletonComponent: N,
+      options: s.map((n) => ({
+        ...n,
+        currency: r,
+        value: n.id
+      })),
+      optionProps: {
+        currency: r,
+        locale: C
+      },
+      value: E
+    }
+  );
+};
+export {
+  _ as CheckoutPaymentMethodsField
+};

package/dist/CheckoutPaymentMethodsField/index.d.ts

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

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

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

package/dist/CheckoutPaymentMethodsField/index.js

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

package/dist/CheckoutPaymentStep/CheckoutPaymentStep.d.ts

@@ -0,0 +1,10 @@
+import { CheckoutPaymentMethodSectionProps } from '../CheckoutPaymentMethodSection/CheckoutPaymentMethodSection';
+export interface CheckoutPaymentStepProps {
+    currency?: string;
+    locale?: string;
+    translations?: {
+        paymentMethodSection?: CheckoutPaymentMethodSectionProps['translations'];
+    };
+}
+export declare const CheckoutPaymentStep: (props: CheckoutPaymentStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutPaymentStep.d.ts.map

package/dist/CheckoutPaymentStep/CheckoutPaymentStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutPaymentStep.d.ts","sourceRoot":"","sources":["../../libs/checkout-ui/src/CheckoutPaymentStep/CheckoutPaymentStep.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,8DAA8D,CAAC;AAOtE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE;QACb,oBAAoB,CAAC,EAAE,iCAAiC,CAAC,cAAc,CAAC,CAAC;KAC1E,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,qDA+DlE,CAAC"}