everest-npm-features 0.0.1 → 0.0.2

package/dist/components/SignUp/pin.js

@@ -1,808 +1,80 @@
-import { jsxs as p, jsx as n, Fragment as A } from "react/jsx-runtime";
-import * as j from "react";
-import Ce, { useState as F, useRef as ve } from "react";
-import Pe from "../Shared/Keyboard/keyboard.js";
-import ke from "../Shared/button.js";
-import xe from "./terms.js";
-import Re from "./privacy.js";
-import { P as Se, a as re, b as ae } from "../../pin-empty-D9665KFr.js";
-import { D as se, C as ie } from "../../Close-CdRA3xUs.js";
-import { s as U } from "../../styles.module-KeND8lCR.js";
-import { S as Te } from "../../Slide-BlS6unRJ.js";
-import { C as Ie } from "../../Container-CIMHcpEe.js";
-import { g as Q, P as e, e as $, f as le } from "../../createTheme-NrBCWesw.js";
-import { g as X, s as D, r as fe, a as H, b as Y, m as Z, d as ce, u as he } from "../../createSimplePaletteValueFilter-CsgjlRAs.js";
-import { a as Be, u as be, f as Ne } from "../../useFormControl-Bo6Tf_xo.js";
-import { u as Fe } from "../../useSlot-CURNJ3JC.js";
-import { T as z } from "../../Typography-kyxogyUq.js";
-import { r as ee } from "../../useTimeout-lr7ryrda.js";
-import { B as we } from "../../ButtonBase-SYP7klDp.js";
-import { c as oe } from "../../createSvgIcon-CAZr4ukt.js";
-import { B as V } from "../../Box-wAem3MQD.js";
-import { C as Oe } from "../../CircularProgress-DcXA6nAu.js";
-import { D as de, a as pe } from "../../DialogContent-JgT9A6nk.js";
-import { I as me } from "../../IconButton-CRGy76pJ.js";
-function ze(o) {
-  return Q("PrivateSwitchBase", o);
-}
-X("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const $e = (o) => {
-  const {
-    classes: t,
-    checked: s,
-    disabled: r,
-    edge: c
-  } = o, l = {
-    root: ["root", s && "checked", r && "disabled", c && `edge${$(c)}`],
-    input: ["input"]
-  };
-  return Y(l, ze, t);
-}, Ee = D(we)({
-  padding: 9,
-  borderRadius: "50%",
-  variants: [{
-    props: {
-      edge: "start",
-      size: "small"
-    },
-    style: {
-      marginLeft: -3
-    }
-  }, {
-    props: ({
-      edge: o,
-      ownerState: t
-    }) => o === "start" && t.size !== "small",
-    style: {
-      marginLeft: -12
-    }
-  }, {
-    props: {
-      edge: "end",
-      size: "small"
-    },
-    style: {
-      marginRight: -3
-    }
-  }, {
-    props: ({
-      edge: o,
-      ownerState: t
-    }) => o === "end" && t.size !== "small",
-    style: {
-      marginRight: -12
-    }
-  }]
-}), Le = D("input", {
-  shouldForwardProp: fe
-})({
-  cursor: "inherit",
-  position: "absolute",
-  opacity: 0,
-  width: "100%",
-  height: "100%",
-  top: 0,
-  left: 0,
-  margin: 0,
-  padding: 0,
-  zIndex: 1
-}), ge = /* @__PURE__ */ j.forwardRef(function(t, s) {
-  const {
-    autoFocus: r,
-    checked: c,
-    checkedIcon: l,
-    className: m,
-    defaultChecked: i,
-    disabled: k,
-    disableFocusRipple: d = !1,
-    edge: x = !1,
-    icon: R,
-    id: S,
-    inputProps: w,
-    inputRef: T,
-    name: I,
-    onBlur: u,
-    onChange: y,
-    onFocus: O,
-    readOnly: E,
-    required: B = !1,
-    tabIndex: C,
-    type: f,
-    value: a,
-    ...h
-  } = t, [v, q] = Be({
-    controlled: c,
-    default: !!i,
-    name: "SwitchBase",
-    state: "checked"
-  }), b = be(), W = (P) => {
-    O && O(P), b && b.onFocus && b.onFocus(P);
-  }, L = (P) => {
-    u && u(P), b && b.onBlur && b.onBlur(P);
-  }, N = (P) => {
-    if (P.nativeEvent.defaultPrevented)
-      return;
-    const ne = P.target.checked;
-    q(ne), y && y(P, ne);
-  };
-  let g = k;
-  b && typeof g > "u" && (g = b.disabled);
-  const ye = f === "checkbox" || f === "radio", _ = {
-    ...t,
-    checked: v,
-    disabled: g,
-    disableFocusRipple: d,
-    edge: x
-  }, te = $e(_);
-  return /* @__PURE__ */ p(Ee, {
-    component: "span",
-    className: H(te.root, m),
-    centerRipple: !0,
-    focusRipple: !d,
-    disabled: g,
-    tabIndex: null,
-    role: void 0,
-    onFocus: W,
-    onBlur: L,
-    ownerState: _,
-    ref: s,
-    ...h,
-    children: [/* @__PURE__ */ n(Le, {
-      autoFocus: r,
-      checked: c,
-      defaultChecked: i,
-      className: te.input,
-      disabled: g,
-      id: ye ? S : void 0,
-      name: I,
-      onChange: N,
-      readOnly: E,
-      ref: T,
-      required: B,
-      ownerState: _,
-      tabIndex: C,
-      type: f,
-      ...f === "checkbox" && a === void 0 ? {} : {
-        value: a
-      },
-      ...w
-    }), v ? l : R]
-  });
-});
-process.env.NODE_ENV !== "production" && (ge.propTypes = {
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   */
-  autoFocus: e.bool,
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: e.bool,
-  /**
-   * The icon to display when the component is checked.
-   */
-  checkedIcon: e.node.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * @ignore
-   */
-  defaultChecked: e.bool,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: e.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: e.oneOf(["end", "start", !1]),
-  /**
-   * The icon to display when the component is unchecked.
-   */
-  icon: e.node.isRequired,
-  /**
-   * The id of the `input` element.
-   */
-  id: e.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: ee,
-  /*
-   * @ignore
-   */
-  name: e.string,
-  /**
-   * @ignore
-   */
-  onBlur: e.func,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
-   */
-  readOnly: e.bool,
-  /**
-   * If `true`, the `input` element is required.
-   */
-  required: e.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.object,
-  /**
-   * @ignore
-   */
-  tabIndex: e.oneOfType([e.number, e.string]),
-  /**
-   * The input component prop `type`.
-   */
-  type: e.string.isRequired,
-  /**
-   * The value of the component.
-   */
-  value: e.any
-});
-const je = oe(/* @__PURE__ */ n("path", {
-  d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), qe = oe(/* @__PURE__ */ n("path", {
-  d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), Me = oe(/* @__PURE__ */ n("path", {
-  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
-}), "IndeterminateCheckBox");
-function De(o) {
-  return Q("MuiCheckbox", o);
-}
-const K = X("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ue = (o) => {
-  const {
-    classes: t,
-    indeterminate: s,
-    color: r,
-    size: c
-  } = o, l = {
-    root: ["root", s && "indeterminate", `color${$(r)}`, `size${$(c)}`]
-  }, m = Y(l, De, t);
-  return {
-    ...t,
-    // forward the disabled and checked classes to the SwitchBase
-    ...m
-  };
-}, Ve = D(ge, {
-  shouldForwardProp: (o) => fe(o) || o === "classes",
-  name: "MuiCheckbox",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [t.root, s.indeterminate && t.indeterminate, t[`size${$(s.size)}`], s.color !== "default" && t[`color${$(s.color)}`]];
-  }
-})(Z(({
-  theme: o
-}) => ({
-  color: (o.vars || o).palette.text.secondary,
-  variants: [{
-    props: {
-      color: "default",
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : le(o.palette.action.active, o.palette.action.hoverOpacity)
-      }
-    }
-  }, ...Object.entries(o.palette).filter(ce()).map(([t]) => ({
-    props: {
-      color: t,
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : le(o.palette[t].main, o.palette.action.hoverOpacity)
-      }
-    }
-  })), ...Object.entries(o.palette).filter(ce()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      [`&.${K.checked}, &.${K.indeterminate}`]: {
-        color: (o.vars || o).palette[t].main
-      },
-      [`&.${K.disabled}`]: {
-        color: (o.vars || o).palette.action.disabled
-      }
-    }
-  })), {
-    // Should be last to override other colors
-    props: {
-      disableRipple: !1
-    },
-    style: {
-      // Reset on touch devices, it doesn't add specificity
-      "&:hover": {
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  }]
-}))), He = /* @__PURE__ */ n(qe, {}), We = /* @__PURE__ */ n(je, {}), _e = /* @__PURE__ */ n(Me, {}), G = /* @__PURE__ */ j.forwardRef(function(t, s) {
-  const r = he({
-    props: t,
-    name: "MuiCheckbox"
-  }), {
-    checkedIcon: c = He,
-    color: l = "primary",
-    icon: m = We,
-    indeterminate: i = !1,
-    indeterminateIcon: k = _e,
-    inputProps: d,
-    size: x = "medium",
-    disableRipple: R = !1,
-    className: S,
-    ...w
-  } = r, T = i ? k : m, I = i ? k : c, u = {
-    ...r,
-    disableRipple: R,
-    color: l,
-    indeterminate: i,
-    size: x
-  }, y = Ue(u);
-  return /* @__PURE__ */ n(Ve, {
-    type: "checkbox",
-    inputProps: {
-      "data-indeterminate": i,
-      ...d
-    },
-    icon: /* @__PURE__ */ j.cloneElement(T, {
-      fontSize: T.props.fontSize ?? x
-    }),
-    checkedIcon: /* @__PURE__ */ j.cloneElement(I, {
-      fontSize: I.props.fontSize ?? x
-    }),
-    ownerState: u,
-    ref: s,
-    className: H(y.root, S),
-    ...w,
-    classes: y
-  });
-});
-process.env.NODE_ENV !== "production" && (G.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: e.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <CheckBoxIcon />
-   */
-  checkedIcon: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: e.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: e.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <CheckBoxOutlineBlankIcon />
-   */
-  icon: e.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: e.string,
-  /**
-   * If `true`, the component appears indeterminate.
-   * This does not set the native input element to indeterminate due
-   * to inconsistent behavior across browsers.
-   * However, we set a `data-indeterminate` attribute on the `input`.
-   * @default false
-   */
-  indeterminate: e.bool,
-  /**
-   * The icon to display when the component is indeterminate.
-   * @default <IndeterminateCheckBoxIcon />
-   */
-  indeterminateIcon: e.node,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: ee,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: e.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: e.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense checkbox styling.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: e.any
-});
-function Ae(o) {
-  return Q("MuiFormControlLabel", o);
-}
-const M = X("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), Ke = (o) => {
-  const {
-    classes: t,
-    disabled: s,
-    labelPlacement: r,
-    error: c,
-    required: l
-  } = o, m = {
-    root: ["root", s && "disabled", `labelPlacement${$(r)}`, c && "error", l && "required"],
-    label: ["label", s && "disabled"],
-    asterisk: ["asterisk", c && "error"]
-  };
-  return Y(m, Ae, t);
-}, Ge = D("label", {
-  name: "MuiFormControlLabel",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [{
-      [`& .${M.label}`]: t.label
-    }, t.root, t[`labelPlacement${$(s.labelPlacement)}`]];
-  }
-})(Z(({
-  theme: o
-}) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  cursor: "pointer",
-  // For correct alignment with the text.
-  verticalAlign: "middle",
-  WebkitTapHighlightColor: "transparent",
-  marginLeft: -11,
-  marginRight: 16,
-  // used for row presentation of radio/checkbox
-  [`&.${M.disabled}`]: {
-    cursor: "default"
-  },
-  [`& .${M.label}`]: {
-    [`&.${M.disabled}`]: {
-      color: (o.vars || o).palette.text.disabled
-    }
-  },
-  variants: [{
-    props: {
-      labelPlacement: "start"
-    },
-    style: {
-      flexDirection: "row-reverse",
-      marginRight: -11
-    }
-  }, {
-    props: {
-      labelPlacement: "top"
-    },
-    style: {
-      flexDirection: "column-reverse"
-    }
-  }, {
-    props: {
-      labelPlacement: "bottom"
-    },
-    style: {
-      flexDirection: "column"
-    }
-  }, {
-    props: ({
-      labelPlacement: t
-    }) => t === "start" || t === "top" || t === "bottom",
-    style: {
-      marginLeft: 16
-      // used for row presentation of radio/checkbox
-    }
-  }]
-}))), Je = D("span", {
-  name: "MuiFormControlLabel",
-  slot: "Asterisk",
-  overridesResolver: (o, t) => t.asterisk
-})(Z(({
-  theme: o
-}) => ({
-  [`&.${M.error}`]: {
-    color: (o.vars || o).palette.error.main
-  }
-}))), J = /* @__PURE__ */ j.forwardRef(function(t, s) {
-  const r = he({
-    props: t,
-    name: "MuiFormControlLabel"
-  }), {
-    checked: c,
-    className: l,
-    componentsProps: m = {},
-    control: i,
-    disabled: k,
-    disableTypography: d,
-    inputRef: x,
-    label: R,
-    labelPlacement: S = "end",
-    name: w,
-    onChange: T,
-    required: I,
-    slots: u = {},
-    slotProps: y = {},
-    value: O,
-    ...E
-  } = r, B = be(), C = k ?? i.props.disabled ?? (B == null ? void 0 : B.disabled), f = I ?? i.props.required, a = {
-    disabled: C,
-    required: f
-  };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach((g) => {
-    typeof i.props[g] > "u" && typeof r[g] < "u" && (a[g] = r[g]);
-  });
-  const h = Ne({
-    props: r,
-    muiFormControl: B,
-    states: ["error"]
-  }), v = {
-    ...r,
-    disabled: C,
-    labelPlacement: S,
-    required: f,
-    error: h.error
-  }, q = Ke(v), b = {
-    slots: u,
-    slotProps: {
-      ...m,
-      ...y
-    }
-  }, [W, L] = Fe("typography", {
-    elementType: z,
-    externalForwardedProps: b,
-    ownerState: v
-  });
-  let N = R;
-  return N != null && N.type !== z && !d && (N = /* @__PURE__ */ n(W, {
-    component: "span",
-    ...L,
-    className: H(q.label, L == null ? void 0 : L.className),
-    children: N
-  })), /* @__PURE__ */ p(Ge, {
-    className: H(q.root, l),
-    ownerState: v,
-    ref: s,
-    ...E,
-    children: [/* @__PURE__ */ j.cloneElement(i, a), f ? /* @__PURE__ */ p("div", {
-      children: [N, /* @__PURE__ */ p(Je, {
-        ownerState: v,
-        "aria-hidden": !0,
-        className: q.asterisk,
-        children: [" ", "*"]
-      })]
-    }) : N]
-  });
-});
-process.env.NODE_ENV !== "production" && (J.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component appears selected.
-   */
-  checked: e.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  componentsProps: e.shape({
-    typography: e.object
-  }),
-  /**
-   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
-   */
-  control: e.element.isRequired,
-  /**
-   * If `true`, the control is disabled.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the label is rendered as it is passed without an additional typography node.
-   */
-  disableTypography: e.bool,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: ee,
-  /**
-   * A text or an element to be used in an enclosing label element.
-   */
-  label: e.node,
-  /**
-   * The position of the label.
-   * @default 'end'
-   */
-  labelPlacement: e.oneOf(["bottom", "end", "start", "top"]),
-  /**
-   * @ignore
-   */
-  name: e.string,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: e.func,
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   */
-  required: e.bool,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    typography: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    typography: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The value of the component.
-   */
-  value: e.any
-});
-const ue = Ce.forwardRef((o, t) => /* @__PURE__ */ n(Te, { direction: "up", ref: t, ...o })), vo = ({ showAlertMessage: o, setAccountPin: t, loading: s }) => {
-  const [r, c] = F(""), [l, m] = F(""), [i, k] = F(!1), [d, x] = F("pin"), [R, S] = F(!1), [w, T] = F(!1), [I, u] = F(!1), [y, O] = F(!1), E = ve(null), B = (a) => {
-    if (k(!1), d === "confirmPin") {
-      if (a === "backSpace") {
-        m(l.substring(0, l.length - 1));
+import { jsx as e, jsxs as r, Fragment as P } from "react/jsx-runtime";
+import w, { useState as o, useRef as G } from "react";
+import J from "../Shared/Keyboard/keyboard.js";
+import O from "../Shared/button.js";
+import Q from "./terms.js";
+import V from "./privacy.js";
+import { P as X, a as N, b as S } from "../../pin-empty-D9665KFr.js";
+import { C as D } from "../../Close-mXCsZSxZ.js";
+import { s as p } from "../../styles.module-6SB62f3J.js";
+import { S as Y } from "../../Slide-CWqC2RDG.js";
+import { C as Z } from "../../Container-BOehNoF1.js";
+import { F as I, C as R } from "../../FormControlLabel-BMeMEwyK.js";
+import { B as d } from "../../Box-BOgpENcC.js";
+import { T as m } from "../../Typography-Dx54MRM5.js";
+import { C as $ } from "../../CircularProgress-BAEiXRSn.js";
+import { D as W, a as B } from "../../DialogContent-zttWtNJM.js";
+import { D as E } from "../../DialogTitle-BqL8DXBp.js";
+import { I as F } from "../../IconButton-DAR3jsEV.js";
+const j = w.forwardRef((a, h) => /* @__PURE__ */ e(Y, { direction: "up", ref: h, ...a })), Pe = ({ showAlertMessage: a, setAccountPin: h, loading: _ }) => {
+  const [t, C] = o(""), [l, b] = o(""), [c, z] = o(!1), [i, H] = o("pin"), [y, v] = o(!1), [x, k] = o(!1), [K, u] = o(!1), [L, g] = o(!1), T = G(null), M = (n) => {
+    if (z(!1), i === "confirmPin") {
+      if (n === "backSpace") {
+        b(l.substring(0, l.length - 1));
         return;
       }
-      l.length <= 3 && m((h) => h + a);
+      l.length <= 3 && b((s) => s + n);
     } else {
-      if (a === "backSpace") {
-        c(r.substring(0, r.length - 1));
+      if (n === "backSpace") {
+        C(t.substring(0, t.length - 1));
         return;
       }
-      r.length <= 3 && c((h) => h + a);
-    }
-  }, C = (a, h, v) => {
-    if (v)
-      return Se;
-    if (a === "confirmPin")
-      return l.length >= h ? re : ae;
-    if (a === "pin")
-      return r.length >= h ? re : ae;
-  }, f = () => {
-    if (d === "pin") {
-      if (!R)
-        return o({ message: "Please accept the terms." }), !1;
-      if (!w)
-        return o({ message: "Please accept the privacy & policy." }), !1;
-      if (!r || r.length < 4)
-        return o({ message: "Please provide pin" }), !1;
-      x("confirmPin");
+      t.length <= 3 && C((s) => s + n);
+    }
+  }, f = (n, s, q) => {
+    if (q)
+      return X;
+    if (n === "confirmPin")
+      return l.length >= s ? N : S;
+    if (n === "pin")
+      return t.length >= s ? N : S;
+  }, U = () => {
+    if (i === "pin") {
+      if (!y)
+        return a({ message: "Please accept the terms." }), !1;
+      if (!x)
+        return a({ message: "Please accept the privacy & policy." }), !1;
+      if (!t || t.length < 4)
+        return a({ message: "Please provide pin" }), !1;
+      H("confirmPin");
     } else {
-      if (r !== l)
-        return o({ message: "Pins don’t match." }), !1;
-      t(r);
+      if (t !== l)
+        return a({ message: "Pins don’t match." }), !1;
+      h(t);
     }
   };
-  return /* @__PURE__ */ p(Ie, { component: "div", maxWidth: "sm", children: [
-    d === "pin" && /* @__PURE__ */ p(A, { children: [
-      /* @__PURE__ */ n(
-        J,
+  return /* @__PURE__ */ r(Z, { component: "div", maxWidth: "sm", children: [
+    i === "pin" && /* @__PURE__ */ r(P, { children: [
+      /* @__PURE__ */ e(
+        I,
         {
-          control: /* @__PURE__ */ n(
-            G,
+          control: /* @__PURE__ */ e(
+            R,
             {
-              checked: R,
-              onChange: () => S((a) => !a),
+              checked: y,
+              onChange: () => v((n) => !n),
               inputProps: { "aria-label": "controlled" }
             }
           ),
-          label: /* @__PURE__ */ p(A, { children: [
+          label: /* @__PURE__ */ r(P, { children: [
             "I agree with all",
             " ",
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ e(
               "span",
               {
-                className: U["pin-term-text"],
+                className: p["pin-term-text"],
                 onClick: () => {
-                  u(!0), S((a) => !a);
+                  u(!0), v((n) => !n);
                 },
                 children: "Terms of Service"
               }
@@ -810,26 +82,26 @@ const ue = Ce.forwardRef((o, t) => /* @__PURE__ */ n(Te, { direction: "up", ref:
           ] })
         }
       ),
-      /* @__PURE__ */ n(
-        J,
+      /* @__PURE__ */ e(
+        I,
         {
-          control: /* @__PURE__ */ n(
-            G,
+          control: /* @__PURE__ */ e(
+            R,
             {
-              checked: w,
-              onChange: () => T((a) => !a),
+              checked: x,
+              onChange: () => k((n) => !n),
               inputProps: { "aria-label": "controlled" }
             }
           ),
-          label: /* @__PURE__ */ p(A, { children: [
+          label: /* @__PURE__ */ r(P, { children: [
             "I agree with all",
             " ",
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ e(
               "span",
               {
-                className: U["pin-term-text"],
+                className: p["pin-term-text"],
                 onClick: () => {
-                  O(!0), T((a) => !a);
+                  g(!0), k((n) => !n);
                 },
                 children: "Privacy Policies"
               }
@@ -838,113 +110,113 @@ const ue = Ce.forwardRef((o, t) => /* @__PURE__ */ n(Te, { direction: "up", ref:
         }
       )
     ] }),
-    /* @__PURE__ */ p(V, { mt: 2, className: "text-center", children: [
-      /* @__PURE__ */ n(z, { variant: "h4", children: d === "pin" ? "Choose your pin" : "Re-enter your pin" }),
-      /* @__PURE__ */ p(V, { mt: 4, children: [
-        /* @__PURE__ */ n("img", { src: C(d, 1, i), alt: "pin" }),
-        /* @__PURE__ */ n(
+    /* @__PURE__ */ r(d, { mt: 2, className: "text-center", children: [
+      /* @__PURE__ */ e(m, { variant: "h4", children: i === "pin" ? "Choose your pin" : "Re-enter your pin" }),
+      /* @__PURE__ */ r(d, { mt: 4, children: [
+        /* @__PURE__ */ e("img", { src: f(i, 1, c), alt: "pin" }),
+        /* @__PURE__ */ e(
           "img",
           {
             className: "pin-img",
-            src: C(d, 2, i),
+            src: f(i, 2, c),
             alt: "pin"
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ e(
           "img",
           {
             className: "pin-img",
-            src: C(d, 3, i),
+            src: f(i, 3, c),
             alt: "pin"
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ e(
           "img",
           {
             className: "pin-img",
-            src: C(d, 4, i),
+            src: f(i, 4, c),
             alt: "pin"
           }
         )
       ] }),
-      i && /* @__PURE__ */ n(z, { mt: 4, variant: "caption", sx: { color: "red" }, children: "Pins don’t match, try again" }),
-      /* @__PURE__ */ n(V, { mt: 4, children: /* @__PURE__ */ n(
-        Pe,
+      c && /* @__PURE__ */ e(m, { mt: 4, variant: "caption", sx: { color: "red" }, children: "Pins don’t match, try again" }),
+      /* @__PURE__ */ e(d, { mt: 4, children: /* @__PURE__ */ e(
+        J,
         {
-          onClickHandler: (a) => B(a),
-          enterBtnRef: E,
+          onClickHandler: (n) => M(n),
+          enterBtnRef: T,
           removeTypeEffect: !0
         }
       ) })
     ] }),
-    s ? /* @__PURE__ */ p(V, { mt: 2, sx: { color: "#16359D", textAlign: "center" }, children: [
-      /* @__PURE__ */ n(Oe, { size: 50, color: "inherit" }),
-      /* @__PURE__ */ p(z, { variant: "h5", sx: { fontWeight: "bold" }, children: [
+    _ ? /* @__PURE__ */ r(d, { mt: 2, sx: { color: "#16359D", textAlign: "center" }, children: [
+      /* @__PURE__ */ e($, { size: 50, color: "inherit" }),
+      /* @__PURE__ */ r(m, { variant: "h5", sx: { fontWeight: "bold" }, children: [
         "Processing...",
-        /* @__PURE__ */ n("br", {}),
+        /* @__PURE__ */ e("br", {}),
         "We are creating the account, and it takes about 30 seconds"
       ] })
-    ] }) : /* @__PURE__ */ n(
-      ke,
+    ] }) : /* @__PURE__ */ e(
+      O,
       {
-        ref: E,
-        onClick: f,
+        ref: T,
+        onClick: U,
         className: "sdk-theme-btn normal-text",
         variant: "contained",
         fullWidth: !0,
-        children: /* @__PURE__ */ n("strong", { children: d === "pin" ? "Next" : "Submit" })
+        children: /* @__PURE__ */ e("strong", { children: i === "pin" ? "Next" : "Submit" })
       }
     ),
-    /* @__PURE__ */ p(
-      de,
+    /* @__PURE__ */ r(
+      W,
       {
-        open: I,
+        open: K,
         fullWidth: !0,
         onClose: () => u(!1),
-        TransitionComponent: ue,
+        TransitionComponent: j,
         children: [
-          /* @__PURE__ */ p(se, { children: [
-            /* @__PURE__ */ n(z, { variant: "h5", component: "p", children: /* @__PURE__ */ n("strong", { children: "Terms of Use" }) }),
-            /* @__PURE__ */ n(
-              me,
+          /* @__PURE__ */ r(E, { children: [
+            /* @__PURE__ */ e(m, { variant: "h5", component: "p", children: /* @__PURE__ */ e("strong", { children: "Terms of Use" }) }),
+            /* @__PURE__ */ e(
+              F,
               {
                 "aria-label": "close",
                 onClick: () => u(!1),
                 className: "menu-buttons",
-                children: /* @__PURE__ */ n(ie, {})
+                children: /* @__PURE__ */ e(D, {})
               }
             )
           ] }),
-          /* @__PURE__ */ n(pe, { className: U["modal-content"], dividers: !0, children: /* @__PURE__ */ n(xe, {}) })
+          /* @__PURE__ */ e(B, { className: p["modal-content"], dividers: !0, children: /* @__PURE__ */ e(Q, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ p(
-      de,
+    /* @__PURE__ */ r(
+      W,
       {
-        open: y,
+        open: L,
         fullWidth: !0,
-        onClose: () => O(!1),
-        TransitionComponent: ue,
+        onClose: () => g(!1),
+        TransitionComponent: j,
         children: [
-          /* @__PURE__ */ p(se, { children: [
-            /* @__PURE__ */ n(z, { variant: "h5", component: "p", children: /* @__PURE__ */ n("strong", { children: "Privacy Policies" }) }),
-            /* @__PURE__ */ n(
-              me,
+          /* @__PURE__ */ r(E, { children: [
+            /* @__PURE__ */ e(m, { variant: "h5", component: "p", children: /* @__PURE__ */ e("strong", { children: "Privacy Policies" }) }),
+            /* @__PURE__ */ e(
+              F,
               {
                 "aria-label": "close",
-                onClick: () => O(!1),
+                onClick: () => g(!1),
                 className: "menu-buttons",
-                children: /* @__PURE__ */ n(ie, {})
+                children: /* @__PURE__ */ e(D, {})
               }
             )
           ] }),
-          /* @__PURE__ */ n(pe, { className: U["modal-content"], dividers: !0, children: /* @__PURE__ */ n(Re, {}) })
+          /* @__PURE__ */ e(B, { className: p["modal-content"], dividers: !0, children: /* @__PURE__ */ e(V, {}) })
         ]
       }
     )
   ] });
 };
 export {
-  vo as default
+  Pe as default
 };