@adyen/adyen-platform-experience-web 1.1.1 → 1.3.0

package/dist/es/components/external/CapitalOverview/components/GrantItem/GrantItem.js

@@ -0,0 +1,91 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import u from "classnames";
+import f from "../../../../../core/Context/useCoreContext.js";
+import y from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import i from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as n, TypographyElement as d } from "../../../../internal/Typography/types.js";
+import { Tag as A } from "../../../../internal/Tag/Tag.js";
+import { GRANT_ITEM_CLASS_NAMES as o } from "./constants.js";
+import { getGrantConfig as v } from "./utils.js";
+/* empty css               */
+import { GrantDetails as h } from "../GrantDetails/GrantDetails.js";
+import { GrantAction as C } from "../GrantAction/GrantAction.js";
+import N from "../../../../internal/CopyText/CopyText.js";
+import { Tooltip as I } from "../../../../internal/Tooltip/Tooltip.js";
+import { Alert as x } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as b } from "../../../../internal/Alert/types.js";
+import E from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { Fragment as T } from "../../../../../external/preact/dist/preact.module.js";
+import S from "../../../../internal/ProgressBar/ProgressBar.js";
+import { DATE_FORMAT_CAPITAL_OVERVIEW as L } from "../../../../../constants/dateFormats.js";
+const Q = ({ grant: r }) => {
+  const { i18n: a } = f(), { dateFormat: s } = y(), t = c(() => v(r), [r]), g = c(
+    () => {
+      var m, l;
+      return /* @__PURE__ */ e("div", { className: o.cardContent, children: [
+        /* @__PURE__ */ e("div", { className: o.statusContainer, children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              variant: n.CAPTION,
+              className: u({ [o.textSecondary]: t.isLabelColorSecondary }),
+              testId: "grant-amount-label",
+              children: a.get(t.amountLabelKey)
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: r.status === "Active" ? /* @__PURE__ */ e(T, { children: [
+            /* @__PURE__ */ e(i, { variant: n.CAPTION, el: d.SPAN, children: a.get("capital.termEnds") }),
+            /* @__PURE__ */ e(i, { variant: n.CAPTION, stronger: !0, el: d.SPAN, children: s(t.repaymentPeriodEndDate, L) })
+          ] }) : t.statusKey ? t.statusTooltipKey ? /* @__PURE__ */ e(I, { content: a.get(t.statusTooltipKey), children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { label: a.get(t.statusKey), variant: t.statusTagVariant }) }) }) : /* @__PURE__ */ e(A, { label: a.get(t.statusKey), variant: t.statusTagVariant }) : null })
+        ] }),
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: n.TITLE,
+            medium: !0,
+            className: u({
+              [o.textSecondary]: t.isAmountColorSecondary
+            }),
+            children: a.amount(t.amount.value, t.amount.currency)
+          }
+        ),
+        t.isProgressBarVisible && /* @__PURE__ */ e(
+          S,
+          {
+            className: o.progressBar,
+            value: r.repaidTotalAmount.value,
+            max: r.totalAmount.value,
+            labels: { current: a.get("capital.repaid"), max: a.get("capital.remaining") },
+            tooltips: {
+              remaining: `${a.amount(r.remainingTotalAmount.value, r.remainingTotalAmount.currency)} ${(m = a.get("capital.remaining")) == null ? void 0 : m.toLowerCase()}`,
+              progress: `${a.amount(r.repaidTotalAmount.value, r.repaidTotalAmount.currency)} ${(l = a.get("capital.repaid")) == null ? void 0 : l.toLowerCase()}`
+            }
+          }
+        ),
+        t.isGrantIdVisible ? /* @__PURE__ */ e("div", { className: o.grantID, children: /* @__PURE__ */ e(N, { textToCopy: r.id, buttonLabel: a.get("capital.grantID"), isHovered: !0, type: "Text" }) }) : null,
+        t.hasAlerts && /* @__PURE__ */ e(T, { children: r.missingActions && r.missingActions.length ? r.missingActions.map((p) => /* @__PURE__ */ e(
+          C,
+          {
+            action: p,
+            className: o.alert,
+            offerExpiresAt: r.offerExpiresAt
+          },
+          p.type
+        )) : /* @__PURE__ */ e(
+          x,
+          {
+            className: o.alert,
+            type: b.HIGHLIGHT,
+            title: a.get("capital.weReceivedYourRequestAndWeAreWorkingOnItNowCheckBackSoon")
+          }
+        ) })
+      ] });
+    },
+    [a, s, r, t]
+  );
+  return /* @__PURE__ */ e("div", { className: o.base, children: /* @__PURE__ */ e(E, { renderHeader: g, filled: t.isBackgroundFilled, inFlow: !0, children: t.hasDetails && /* @__PURE__ */ e(h, { grant: r }) }) });
+};
+export {
+  Q as GrantItem
+};

package/dist/es/components/external/CapitalOverview/components/GrantItem/constants.js

@@ -0,0 +1,12 @@
+const e = {
+  base: "adyen-pe-grant-item",
+  alert: "adyen-pe-grant-item__alert",
+  cardContent: "adyen-pe-grant-item__card-content",
+  grantID: "adyen-pe-grant-item__grant-id",
+  progressBar: "adyen-pe-grant-item__progress-bar",
+  statusContainer: "adyen-pe-grant-item__status-container",
+  textSecondary: "adyen-pe-grant-item__text--secondary"
+};
+export {
+  e as GRANT_ITEM_CLASS_NAMES
+};

package/dist/es/components/external/CapitalOverview/components/GrantItem/utils.js

@@ -0,0 +1,70 @@
+import { TagVariant as n } from "../../../../internal/Tag/types.js";
+const u = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Active" ? "capital.remaining" : "capital.requestedFunds", o = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, d = ({ status: e, missingActions: t }) => {
+  switch (e) {
+    case "Active":
+      return;
+    case "Failed":
+      return "capital.failed";
+    case "Pending":
+      return t && t.length ? "capital.actionNeeded" : "capital.pending";
+    case "Repaid":
+      return "capital.fullyRepaid";
+    case "Revoked":
+      return "capital.revoked";
+    case "WrittenOff":
+      return "capital.writtenOff";
+  }
+}, l = ({ status: e, missingActions: t }) => {
+  switch (e) {
+    case "Failed":
+      return n.ERROR;
+    case "Pending":
+      return t != null && t.length ? n.WARNING : n.DEFAULT;
+    case "Repaid":
+      return n.LIGHT;
+    case "Revoked":
+    case "WrittenOff":
+      return n.WARNING;
+    default:
+      return n.DEFAULT;
+  }
+}, p = (e) => {
+  const t = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
+  return a.setDate(t.getDate() + e), a;
+}, T = (e) => {
+  var a, s;
+  const t = ((a = e.missingActions) == null ? void 0 : a.some((i) => i.type === "signToS")) || !1;
+  switch (e.status) {
+    case "Pending":
+      return (s = e.missingActions) != null && s.length ? t ? "capital.signTheTermsToReceiveYourFunds" : void 0 : "capital.youShouldGetTheFundsWithinOneBusinessDay";
+    case "Failed":
+      return "capital.weCouldNotProcessThisRequestTryAgain";
+    case "WrittenOff":
+      return "capital.youAcceptedTheseFundsButDidNotRepayThem";
+    case "Revoked":
+      return "capital.youAcceptedButThenReturnedTheseFunds";
+    default:
+      return;
+  }
+}, f = (e) => {
+  const t = e.status === "Active", a = e.status === "Pending";
+  return {
+    amount: o(e),
+    amountLabelKey: c(e.status),
+    hasAlerts: a,
+    hasDetails: u(e.status),
+    isAmountColorSecondary: !t,
+    isBackgroundFilled: r(e.status),
+    isGrantIdVisible: !t,
+    isLabelColorSecondary: t,
+    isProgressBarVisible: t,
+    repaymentPeriodEndDate: p(e.repaymentPeriodLeft),
+    statusKey: d(e),
+    statusTagVariant: l(e),
+    statusTooltipKey: T(e)
+  };
+};
+export {
+  f as getGrantConfig,
+  T as getStatusTooltipKey
+};

package/dist/es/components/external/CapitalOverview/components/GrantList/GrantList.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+/* empty css               */
+import { useState as g, useCallback as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { CapitalOffer as k } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
+import { GrantsDisplay as S } from "./GrantsDisplay.js";
+import { Fragment as O } from "../../../../../external/preact/dist/preact.module.js";
+const L = ({
+  externalDynamicOffersConfig: n,
+  grantList: i,
+  newOfferAvailable: c,
+  onFundsRequest: s,
+  onOfferDismiss: o
+}) => {
+  const [f, e] = g(!1), a = t(() => e(!1), []), p = t(() => e(!0), []), l = t(() => {
+    o ? o(a) : a();
+  }, [a, o]), m = t(
+    (u) => {
+      s(u), e(!1);
+    },
+    [s]
+  );
+  return /* @__PURE__ */ r(O, { children: f ? /* @__PURE__ */ r(
+    k,
+    {
+      externalDynamicOffersConfig: n,
+      onFundsRequest: m,
+      onOfferDismiss: l
+    }
+  ) : /* @__PURE__ */ r(S, { grantList: i, newOfferAvailable: c, onNewOfferRequest: p }) });
+};
+export {
+  L as GrantList
+};

package/dist/es/components/external/CapitalOverview/components/GrantList/GrantsDisplay.js

@@ -0,0 +1,45 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { BaseList as h } from "../../../../internal/BaseList/BaseList.js";
+import { GrantItem as v } from "../GrantItem/GrantItem.js";
+import b from "../../../../../core/Context/useCoreContext.js";
+import { useMemo as o } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import g from "../../../../internal/Button/Button.js";
+import { ButtonVariant as y } from "../../../../internal/Button/types.js";
+import N from "../../../../internal/Tabs/Tabs.js";
+import { CapitalHeader as G } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+const l = ({ grants: t }) => /* @__PURE__ */ e(h, { classNames: "adyen-pe-grant-list__items", children: t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(v, { grant: a }) }, a.id)) }), D = ({ grantList: t, hideTitle: a, newOfferAvailable: c, onNewOfferRequest: d }) => {
+  const { i18n: u } = b(), [n, r] = o(() => {
+    const i = [], p = [];
+    return t == null || t.forEach((s) => {
+      s.status === "Active" || s.status === "Pending" ? i.push(s) : p.push(s);
+    }), [i, p];
+  }, [t]), m = o(() => t.length > 1 && n.length && r.length ? "Tabs" : "SingleGrant", [n.length, t.length, r.length]), f = o(() => c && !n.some((i) => i.status === "Pending"), [n, c]);
+  return /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list", children: [
+    /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list__header-container", children: [
+      /* @__PURE__ */ e(G, { hideTitle: a, titleKey: "capital.businessFinancing" }),
+      f ? /* @__PURE__ */ e(g, { onClick: d, className: "adyen-pe-grant-list__offer-button", variant: y.SECONDARY, children: u.get("capital.seeNewOffer") }) : null
+    ] }),
+    m === "SingleGrant" && /* @__PURE__ */ e(l, { grants: t }),
+    m === "Tabs" && /* @__PURE__ */ e(
+      N,
+      {
+        tabs: [
+          {
+            label: "capital.inProgress",
+            content: /* @__PURE__ */ e(l, { grants: n }),
+            id: "active"
+          },
+          {
+            label: "capital.closed",
+            content: /* @__PURE__ */ e(l, { grants: r }),
+            id: "inactive"
+          }
+        ],
+        defaultActiveTab: "active"
+      }
+    )
+  ] });
+};
+export {
+  D as GrantsDisplay
+};

package/dist/es/components/external/CapitalOverview/components/PreQualified/PreQualified.js

@@ -0,0 +1,30 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import u from "../PreQualifiedIntro.js";
+import { useState as d, useCallback as n, useMemo as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { CapitalOffer as C } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
+import { Fragment as g } from "../../../../../external/preact/dist/preact.module.js";
+const q = ({
+  hideTitle: f,
+  dynamicOffer: o,
+  skipPreQualifiedIntro: e,
+  onOfferOptionsRequest: a,
+  onFundsRequest: s,
+  onOfferDismiss: t
+}) => {
+  const [m, i] = d(e ? "capitalOffer" : "intro"), c = n(() => {
+    a ? a() : i("capitalOffer");
+  }, [a]), l = h(() => !e || !!t, [t, e]), p = n(() => {
+    t ? t() : i("intro");
+  }, [t]);
+  return /* @__PURE__ */ r(g, { children: m === "intro" ? /* @__PURE__ */ r(u, { hideTitle: f, dynamicOfferConfig: o, onOfferOptionsRequest: c }) : /* @__PURE__ */ r(
+    C,
+    {
+      onFundsRequest: s,
+      onOfferDismiss: l ? p : void 0,
+      externalDynamicOffersConfig: o
+    }
+  ) });
+};
+export {
+  q as PreQualified
+};

package/dist/es/components/external/CapitalOverview/components/PreQualifiedIntro.js

@@ -0,0 +1,35 @@
+import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { CAPITAL_OVERVIEW_CLASS_NAMES as a } from "../constants.js";
+import n from "../../../internal/Button/Button.js";
+import m from "../../../../core/Context/useCoreContext.js";
+import p from "../../../internal/Typography/Typography.js";
+import { TypographyVariant as l } from "../../../internal/Typography/types.js";
+import u from "../../../internal/InfoBox/InfoBox.js";
+import { Fragment as s } from "../../../../external/preact/dist/preact.module.js";
+import { CapitalHeader as c } from "../../../internal/CapitalHeader/CapitalHeader.js";
+const F = ({
+  dynamicOfferConfig: t,
+  hideTitle: i,
+  onOfferOptionsRequest: o
+}) => {
+  const { i18n: e } = m();
+  return /* @__PURE__ */ r(s, { children: [
+    /* @__PURE__ */ r(c, { hideTitle: i, titleKey: "capital.needSomeExtraMoney" }),
+    /* @__PURE__ */ r("div", { className: a.preQualifiedGrant, children: [
+      /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(p, { variant: l.BODY, children: [
+        e.get("capital.youHaveBeenPrequalifiedForBusinessFinancingUpToX.part1"),
+        /* @__PURE__ */ r("strong", { children: e.get("capital.youHaveBeenPrequalifiedForBusinessFinancingUpToX.part2", {
+          values: {
+            amount: e.amount(t.maxAmount.value, t.maxAmount.currency, {
+              minimumFractionDigits: 0
+            })
+          }
+        }) })
+      ] }) }),
+      /* @__PURE__ */ r(n, { className: a.preQualifiedGrantButton, onClick: o, children: e.get("capital.seeOptions") })
+    ] })
+  ] });
+};
+export {
+  F as default
+};

package/dist/es/components/external/CapitalOverview/components/Unqualified.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import r from "../../../../core/Context/useCoreContext.js";
+import t from "../../../../images/generic-use-first-touch.svg.js";
+import o from "../../../internal/Typography/Typography.js";
+import { TypographyElement as l, TypographyVariant as n } from "../../../internal/Typography/types.js";
+import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
+import { CapitalHeader as p } from "../../../internal/CapitalHeader/CapitalHeader.js";
+const h = ({ hideTitle: a }) => {
+  const { i18n: i } = r();
+  return /* @__PURE__ */ e(m, { children: [
+    /* @__PURE__ */ e(p, { hideTitle: a, titleKey: "capital.needSomeExtraMoney" }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-capital-overview__unqualified-state", children: [
+      /* @__PURE__ */ e("div", { className: "adyen-pe-capital-overview__unqualified-state-img", children: /* @__PURE__ */ e("img", { srcSet: t, alt: "" }) }),
+      /* @__PURE__ */ e(o, { el: l.PARAGRAPH, variant: n.BODY, large: !0, children: i.get("capital.youWillSoonQualifyForAFinancialOffer") })
+    ] })
+  ] });
+};
+export {
+  h as default
+};

package/dist/es/components/external/CapitalOverview/constants.js

@@ -0,0 +1,13 @@
+const e = {
+  base: "adyen-pe-capital-overview",
+  title: "adyen-pe-capital-overview__title",
+  skeleton: "adyen-pe-capital-overview__skeleton",
+  headerSkeleton: "adyen-pe-capital-overview__header-skeleton",
+  skeletonContainer: "adyen-pe-capital-overview__header-skeleton-container",
+  preQualifiedGrant: "adyen-pe-capital-overview__pre-qualified-grant",
+  preQualifiedGrantButton: "adyen-pe-capital-overview__pre-qualified-grant-review-button",
+  errorContainer: "adyen-pe-capital-overview__error-container"
+};
+export {
+  e as CAPITAL_OVERVIEW_CLASS_NAMES
+};

package/dist/es/components/external/PayoutDetails/PayoutDetails.js

@@ -1,23 +1,18 @@
 var s = Object.defineProperty;
-var p = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var n = (o, e, t) => (p(o, typeof e != "symbol" ? e + "" : e, t), t);
-import i from "../UIElement/UIElement.js";
+var n = (o, t, e) => t in o ? s(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var r = (o, t, e) => n(o, typeof t != "symbol" ? t + "" : t, e);
+import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UIElement as i } from "../UIElement/UIElement.js";
 import a from "../../internal/DataOverviewDetails/DataOverviewDetails.js";
-import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-class r extends i {
-  constructor(t) {
-    super(t);
-    n(this, "componentToRender", () => m(a, {
-      ...this.props,
-      type: "payout",
-      ref: (t) => void (this.componentRef = t)
-    }));
+class m extends i {
+  constructor(e) {
+    super(e);
+    r(this, "componentToRender", () => /* @__PURE__ */ p(a, { ...this.props, type: "payout", ref: (e) => void (this.componentRef = e) }));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }
-n(r, "type", "payoutDetails");
-const l = r;
+r(m, "type", "payoutDetails");
 export {
-  r as PayoutElement,
-  l as default
+  m as PayoutElement,
+  m as default
 };