@zeniai/web-components 3.17.10 → 3.17.11

package/dist/AddAddressForCardDrawer-YnE0ynTZ.js

@@ -0,0 +1,82 @@
+import { u as b, j as i } from "./vendor-.pnpm-B2klaOGU.js";
+import { useEffect as x } from "react";
+import T from "@emotion/styled";
+import { u as y, aD as w, t as s, e as B, kH as C, S as e, a as v, R as l, D as n } from "./index-Dg4HzhKR.js";
+const p = {
+  marginTop: new l(n[0], 18),
+  marginBottom: new l(n[0], n[3])
+}, {
+  spendManagement: {
+    chargeCard: { chargeCardsPromo: c }
+  },
+  common: j
+} = v.getLocalizedStrings(), M = ({
+  googleAPIKey: o,
+  customAddress: m,
+  customAddressStatus: t,
+  onDismissClick: r,
+  onSubmitHandler: g
+}) => {
+  const u = b(), a = y(), d = w(t.fetchState);
+  x(() => {
+    d === "In-Progress" && t.fetchState === "Completed" && r();
+  }, [t.fetchState, r, d]);
+  const h = a === "small" ? s.extraSmallRegular.cssObject : s.standardRegular.cssObject, S = a === "small" ? s.standardMedium.cssObject : s.h5Regular.cssObject;
+  return /* @__PURE__ */ i.jsx(P, { "data-testid": B("add-address-for-card-drawer"), children: /* @__PURE__ */ i.jsx(
+    C,
+    {
+      googleAPIKey: o,
+      loadingState: t.fetchState,
+      addressToEdit: m,
+      onSubmitHandler: (f) => g(f),
+      onCancel: r,
+      showNavbarWithClose: !0,
+      isSubPage: !0,
+      addTitleMessage: c.addAddress,
+      subTitleMessage: c.addAddressSubText,
+      hideAddressBackButton: !0,
+      showAddressCloseButton: !0,
+      dontShowSaveConfirmationPopup: !0,
+      customNavStyles: {
+        paddingTop: "19px",
+        paddingBottom: "19px"
+      },
+      customTitleStyles: {
+        marginTop: p.marginTop.valuePx(a),
+        marginBottom: p.marginBottom.valuePx(a),
+        ...S
+      },
+      subTitleStyles: {
+        marginTop: e.sp0,
+        marginBottom: e.sp0,
+        ...h,
+        color: u.colors.hero
+      },
+      navBarContainerStyles: {
+        alignItems: "center",
+        justifyContent: "space-between",
+        paddingTop: e.sp2,
+        paddingRight: e.sp3
+      },
+      sectionStyles: {
+        paddingTop: e.sp4,
+        paddingBottom: e.sp4
+      },
+      footerButtons: {
+        primaryButtonLabel: j.add,
+        buttonWidth: 82,
+        separatorStyle: {
+          marginRight: e.sp4
+        }
+      }
+    }
+  ) });
+}, P = T.div`
+  display: flex;
+  background-color: ${(o) => o.theme.colors.grey4};
+  height: 100%;
+  width: 100%;
+`;
+export {
+  M as default
+};