@solostylist/ui-kit 1.0.45 → 1.0.47

package/dist/s-stripe/s-stripe.js

@@ -1,325 +1,47 @@
-import { j as w } from "../jsx-runtime-C5mzlN2N.js";
-import l from "react";
-import { P as u } from "../createTheme-CyFSna1a.js";
-import ne from "../s-text-field/s-text-field.js";
-import oe from "./stripe-input.js";
-function M(r, e) {
-  var t = Object.keys(r);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(r);
-    e && (n = n.filter(function(a) {
-      return Object.getOwnPropertyDescriptor(r, a).enumerable;
-    })), t.push.apply(t, n);
-  }
-  return t;
-}
-function W(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? M(Object(t), !0).forEach(function(n) {
-      K(r, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : M(Object(t)).forEach(function(n) {
-      Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(t, n));
-    });
-  }
-  return r;
-}
-function j(r) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? j = function(e) {
-    return typeof e;
-  } : j = function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, j(r);
-}
-function K(r, e, t) {
-  return e in r ? Object.defineProperty(r, e, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : r[e] = t, r;
-}
-function ae(r, e) {
-  if (r == null) return {};
-  var t = {}, n = Object.keys(r), a, o;
-  for (o = 0; o < n.length; o++)
-    a = n[o], !(e.indexOf(a) >= 0) && (t[a] = r[a]);
-  return t;
-}
-function ie(r, e) {
-  if (r == null) return {};
-  var t = ae(r, e), n, a;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(r);
-    for (a = 0; a < o.length; a++)
-      n = o[a], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(r, n) && (t[n] = r[n]);
-  }
-  return t;
-}
-function ue(r, e) {
-  return ce(r) || se(r, e) || le(r, e) || pe();
-}
-function ce(r) {
-  if (Array.isArray(r)) return r;
-}
-function se(r, e) {
-  var t = r && (typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"]);
-  if (t != null) {
-    var n = [], a = !0, o = !1, p, h;
-    try {
-      for (t = t.call(r); !(a = (p = t.next()).done) && (n.push(p.value), !(e && n.length === e)); a = !0)
-        ;
-    } catch (i) {
-      o = !0, h = i;
-    } finally {
-      try {
-        !a && t.return != null && t.return();
-      } finally {
-        if (o) throw h;
-      }
-    }
-    return n;
-  }
-}
-function le(r, e) {
-  if (r) {
-    if (typeof r == "string") return D(r, e);
-    var t = Object.prototype.toString.call(r).slice(8, -1);
-    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return D(r, e);
-  }
-}
-function D(r, e) {
-  (e == null || e > r.length) && (e = r.length);
-  for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
-  return n;
-}
-function pe() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-var y = function(e, t, n) {
-  var a = !!n, o = l.useRef(n);
-  l.useEffect(function() {
-    o.current = n;
-  }, [n]), l.useEffect(function() {
-    if (!a || !e)
-      return function() {
-      };
-    var p = function() {
-      o.current && o.current.apply(o, arguments);
-    };
-    return e.on(t, p), function() {
-      e.off(t, p);
-    };
-  }, [a, t, e, o]);
-}, fe = function(e) {
-  var t = l.useRef(e);
-  return l.useEffect(function() {
-    t.current = e;
-  }, [e]), t.current;
-}, A = function(e) {
-  return e !== null && j(e) === "object";
-}, F = "[object Object]", de = function r(e, t) {
-  if (!A(e) || !A(t))
-    return e === t;
-  var n = Array.isArray(e), a = Array.isArray(t);
-  if (n !== a) return !1;
-  var o = Object.prototype.toString.call(e) === F, p = Object.prototype.toString.call(t) === F;
-  if (o !== p) return !1;
-  if (!o && !n) return e === t;
-  var h = Object.keys(e), i = Object.keys(t);
-  if (h.length !== i.length) return !1;
-  for (var b = {}, g = 0; g < h.length; g += 1)
-    b[h[g]] = !0;
-  for (var E = 0; E < i.length; E += 1)
-    b[i[E]] = !0;
-  var m = Object.keys(b);
-  if (m.length !== h.length)
-    return !1;
-  var P = e, R = t, k = function(S) {
-    return r(P[S], R[S]);
-  };
-  return m.every(k);
-}, me = function(e, t, n) {
-  return A(e) ? Object.keys(e).reduce(function(a, o) {
-    var p = !A(t) || !de(e[o], t[o]);
-    return n.includes(o) ? (p && console.warn("Unsupported prop change: options.".concat(o, " is not a mutable property.")), a) : p ? W(W({}, a || {}), {}, K({}, o, e[o])) : a;
-  }, null) : null;
-}, $ = /* @__PURE__ */ l.createContext(null);
-$.displayName = "ElementsContext";
-var ye = function(e, t) {
-  if (!e)
-    throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(t, " in an <Elements> provider."));
-  return e;
-};
-u.any, u.object;
-u.func.isRequired;
-var z = /* @__PURE__ */ l.createContext(null);
-z.displayName = "CheckoutSdkContext";
-var he = function(e, t) {
-  if (!e)
-    throw new Error("Could not find CheckoutProvider context; You need to wrap the part of your app that ".concat(t, " in an <CheckoutProvider> provider."));
-  return e;
-}, ve = /* @__PURE__ */ l.createContext(null);
-ve.displayName = "CheckoutContext";
-u.any, u.shape({
-  fetchClientSecret: u.func.isRequired,
-  elementsOptions: u.object
-}).isRequired;
-var Y = function(e) {
-  var t = l.useContext(z), n = l.useContext($);
-  if (t && n)
-    throw new Error("You cannot wrap the part of your app that ".concat(e, " in both <CheckoutProvider> and <Elements> providers."));
-  return t ? he(t, e) : ye(n, e);
-}, Ce = ["mode"], be = function(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, c = function(e, t) {
-  var n = "".concat(be(e), "Element"), a = function(i) {
-    var b = i.id, g = i.className, E = i.options, m = E === void 0 ? {} : E, P = i.onBlur, R = i.onFocus, k = i.onReady, B = i.onChange, S = i.onEscape, V = i.onClick, H = i.onLoadError, J = i.onLoaderStart, G = i.onNetworksChange, Q = i.onConfirm, X = i.onCancel, Z = i.onShippingAddressChange, ee = i.onShippingRateChange, x = Y("mounts <".concat(n, ">")), O = "elements" in x ? x.elements : null, C = "checkoutSdk" in x ? x.checkoutSdk : null, te = l.useState(null), I = ue(te, 2), d = I[0], re = I[1], v = l.useRef(null), N = l.useRef(null);
-    y(d, "blur", P), y(d, "focus", R), y(d, "escape", S), y(d, "click", V), y(d, "loaderror", H), y(d, "loaderstart", J), y(d, "networkschange", G), y(d, "confirm", Q), y(d, "cancel", X), y(d, "shippingaddresschange", Z), y(d, "shippingratechange", ee), y(d, "change", B);
-    var T;
-    k && (e === "expressCheckout" ? T = k : T = function() {
-      k(d);
-    }), y(d, "ready", T), l.useLayoutEffect(function() {
-      if (v.current === null && N.current !== null && (O || C)) {
-        var f = null;
-        if (C)
-          switch (e) {
-            case "payment":
-              f = C.createPaymentElement(m);
-              break;
-            case "address":
-              if ("mode" in m) {
-                var _ = m.mode, q = ie(m, Ce);
-                if (_ === "shipping")
-                  f = C.createShippingAddressElement(q);
-                else if (_ === "billing")
-                  f = C.createBillingAddressElement(q);
-                else
-                  throw new Error("Invalid options.mode. mode must be 'billing' or 'shipping'.");
-              } else
-                throw new Error("You must supply options.mode. mode must be 'billing' or 'shipping'.");
-              break;
-            case "expressCheckout":
-              f = C.createExpressCheckoutElement(m);
-              break;
-            case "currencySelector":
-              f = C.createCurrencySelectorElement();
-              break;
-            default:
-              throw new Error("Invalid Element type ".concat(n, ". You must use either the <PaymentElement />, <AddressElement options={{mode: 'shipping'}} />, <AddressElement options={{mode: 'billing'}} />, or <ExpressCheckoutElement />."));
-          }
-        else O && (f = O.create(e, m));
-        v.current = f, re(f), f && f.mount(N.current);
-      }
-    }, [O, C, m]);
-    var U = fe(m);
-    return l.useEffect(function() {
-      if (v.current) {
-        var f = me(m, U, ["paymentRequest"]);
-        f && "update" in v.current && v.current.update(f);
-      }
-    }, [m, U]), l.useLayoutEffect(function() {
-      return function() {
-        if (v.current && typeof v.current.destroy == "function")
-          try {
-            v.current.destroy(), v.current = null;
-          } catch {
-          }
-      };
-    }, []), /* @__PURE__ */ l.createElement("div", {
-      id: b,
-      className: g,
-      ref: N
-    });
-  }, o = function(i) {
-    Y("mounts <".concat(n, ">"));
-    var b = i.id, g = i.className;
-    return /* @__PURE__ */ l.createElement("div", {
-      id: b,
-      className: g
-    });
-  }, p = t ? o : a;
-  return p.propTypes = {
-    id: u.string,
-    className: u.string,
-    onChange: u.func,
-    onBlur: u.func,
-    onFocus: u.func,
-    onReady: u.func,
-    onEscape: u.func,
-    onClick: u.func,
-    onLoadError: u.func,
-    onLoaderStart: u.func,
-    onNetworksChange: u.func,
-    onConfirm: u.func,
-    onCancel: u.func,
-    onShippingAddressChange: u.func,
-    onShippingRateChange: u.func,
-    options: u.object
-  }, p.displayName = n, p.__elementType = e, p;
-}, s = typeof window > "u", ge = /* @__PURE__ */ l.createContext(null);
-ge.displayName = "EmbeddedCheckoutProviderContext";
-c("auBankAccount", s);
-c("card", s);
-var Ee = c("cardNumber", s), ke = c("cardExpiry", s), Se = c("cardCvc", s);
-c("fpxBank", s);
-c("iban", s);
-c("idealBank", s);
-c("p24Bank", s);
-c("epsBank", s);
-c("payment", s);
-c("expressCheckout", s);
-c("currencySelector", s);
-c("paymentRequestButton", s);
-c("linkAuthentication", s);
-c("address", s);
-c("shippingAddress", s);
-c("paymentMethodMessaging", s);
-c("affirmMessage", s);
-c("afterpayClearpayMessage", s);
-const L = (r) => {
-  var i;
-  const { helperText: e, slotProps: t, inputProps: n, error: a, labelErrorMessage: o, stripeElement: p, ...h } = r;
-  return /* @__PURE__ */ w.jsx(
-    ne,
+import { j as r } from "../jsx-runtime-C5mzlN2N.js";
+import { CardNumberElement as a, CardExpiryElement as E, CardCvcElement as s } from "@stripe/react-stripe-js";
+import C from "../s-text-field/s-text-field.js";
+import b from "./stripe-input.js";
+const n = (t) => {
+  var p;
+  const { helperText: u, slotProps: e, inputProps: m, error: i, labelErrorMessage: l, stripeElement: o, ...x } = t;
+  return /* @__PURE__ */ r.jsx(
+    C,
     {
       fullWidth: !0,
       slotProps: {
         inputLabel: {
-          ...t == null ? void 0 : t.inputLabel,
+          ...e == null ? void 0 : e.inputLabel,
           shrink: !0
         },
         input: {
-          ...t == null ? void 0 : t.input,
+          ...e == null ? void 0 : e.input,
           inputProps: {
-            ...n,
-            ...(i = t == null ? void 0 : t.input) == null ? void 0 : i.inputProps,
-            component: p
+            ...m,
+            ...(p = e == null ? void 0 : e.input) == null ? void 0 : p.inputProps,
+            component: o
           },
-          inputComponent: oe
+          inputComponent: b
         }
       },
-      error: a,
-      helperText: a ? o : e,
-      ...h
+      error: i,
+      helperText: i ? l : u,
+      ...x
     }
   );
 };
-function Pe(r) {
-  return /* @__PURE__ */ w.jsx(L, { label: "Card Number", stripeElement: Ee, ...r });
+function j(t) {
+  return /* @__PURE__ */ r.jsx(n, { label: "Card Number", stripeElement: a, ...t });
 }
-function Re(r) {
-  return /* @__PURE__ */ w.jsx(L, { label: "Expiration", stripeElement: ke, ...r });
+function h(t) {
+  return /* @__PURE__ */ r.jsx(n, { label: "Expiration", stripeElement: E, ...t });
 }
-function Ne(r) {
-  return /* @__PURE__ */ w.jsx(L, { label: "CVC", stripeElement: Se, ...r });
+function T(t) {
+  return /* @__PURE__ */ r.jsx(n, { label: "CVC", stripeElement: s, ...t });
 }
 export {
-  Ne as SStripeCVC,
-  Re as SStripeExpiry,
-  Pe as SStripeNumber,
-  L as StripeTextField
+  T as SStripeCVC,
+  h as SStripeExpiry,
+  j as SStripeNumber,
+  n as StripeTextField
 };

package/dist/s-theme-provider/s-theme-provider.js

@@ -1,10 +1,10 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import * as m from "react";
+import * as s from "react";
 import { createTheme as p, ThemeProvider as c } from "@mui/material";
 import { components as f } from "../theme/components/components.js";
 import { dataDisplayCustomizations as u } from "../theme/customizations/data-display.js";
-import { feedbackCustomizations as d } from "../theme/customizations/feedback.js";
-import { inputsCustomizations as h } from "../theme/customizations/inputs.js";
+import { feedbackCustomizations as h } from "../theme/customizations/feedback.js";
+import { inputsCustomizations as d } from "../theme/customizations/inputs.js";
 import { navigationCustomizations as l } from "../theme/customizations/navigation.js";
 import { surfacesCustomizations as x } from "../theme/customizations/surfaces.js";
 import { shape as z, shadows as g, typography as j, colorSchemes as S } from "../theme/theme-primitives.js";
@@ -12,41 +12,38 @@ const w = ({
   children: r,
   disableCustomTheme: o,
   themeComponents: t,
-  defaultMode: s = "dark",
-  theme: a,
-  ...i
+  defaultMode: m = "dark",
+  theme: i,
+  ...a
 }) => {
-  const n = m.useMemo(() => o ? {} : p({
+  const n = s.useMemo(() => o ? {} : p({
     // For more details about CSS variables configuration, see https://mui.com/material-ui/customization/css-theme-variables/configuration/
     cssVariables: {
       colorSchemeSelector: "data-mui-color-scheme",
       cssVarPrefix: "s"
     },
-    palette: {
-      mode: "dark"
-    },
     colorSchemes: S,
     // Recently added in v6 for building light & dark mode app, see https://mui.com/material-ui/customization/palette/#color-schemes
     typography: j,
     shadows: g,
     shape: z,
     components: {
-      ...h,
-      ...u,
       ...d,
+      ...u,
+      ...h,
       ...l,
       ...x,
       ...f,
       ...t
     }
   }), [o, t]);
-  return o ? /* @__PURE__ */ e.jsx(m.Fragment, { children: r }) : /* @__PURE__ */ e.jsx(
+  return o ? /* @__PURE__ */ e.jsx(s.Fragment, { children: r }) : /* @__PURE__ */ e.jsx(
     c,
     {
       disableTransitionOnChange: !0,
-      ...i,
-      theme: { ...n, ...a },
-      defaultMode: s,
+      ...a,
+      theme: { ...n, ...i },
+      defaultMode: m,
       children: r
     }
   );

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",