@pelcro/react-pelcro-js 4.0.0-alpha.11 → 4.0.0-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +292 -313
  2. package/dist/index.esm.js +291 -313
  3. package/dist/pelcro.css +47 -41
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -3102,7 +3102,7 @@ var _slicedToArray = unwrapExports(slicedToArray);
3102
3102
  function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
3103
3103
 
3104
3104
  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
3105
- function useTranslation$1(ns) {
3105
+ function useTranslation(ns) {
3106
3106
  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
3107
3107
  var i18nFromProps = props.i18n;
3108
3108
 
@@ -3207,7 +3207,7 @@ function withTranslation(ns) {
3207
3207
  var forwardedRef = _ref.forwardedRef,
3208
3208
  rest = _objectWithoutProperties$2(_ref, ["forwardedRef"]);
3209
3209
 
3210
- var _useTranslation = useTranslation$1(ns, rest),
3210
+ var _useTranslation = useTranslation(ns, rest),
3211
3211
  _useTranslation2 = _slicedToArray(_useTranslation, 3),
3212
3212
  t = _useTranslation2[0],
3213
3213
  i18n = _useTranslation2[1],
@@ -10040,7 +10040,7 @@ const VARIANTS = {
10040
10040
  ICON: "icon",
10041
10041
  GHOST: "ghost"
10042
10042
  };
10043
- function Button$1({
10043
+ function Button({
10044
10044
  variant = "solid",
10045
10045
  isLoading,
10046
10046
  icon,
@@ -10165,11 +10165,11 @@ toast.confirm = (onConfirm, {
10165
10165
  className: "plc-font-semibold"
10166
10166
  }, confirmMessage), /*#__PURE__*/React__default['default'].createElement("div", {
10167
10167
  className: "plc-space-y-2 sm:plc-space-y-0 sm:plc-space-x-2"
10168
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
10168
+ }, /*#__PURE__*/React__default['default'].createElement(Button, {
10169
10169
  variant: "solid",
10170
10170
  className: "plc-text-xs plc-bg-red-500 hover:plc-bg-red-600",
10171
10171
  onClick: onConfirmClick
10172
- }, confirmButtonLabel !== null && confirmButtonLabel !== void 0 ? confirmButtonLabel : translations.labels.confirm), /*#__PURE__*/React__default['default'].createElement(Button$1, {
10172
+ }, confirmButtonLabel !== null && confirmButtonLabel !== void 0 ? confirmButtonLabel : translations.labels.confirm), /*#__PURE__*/React__default['default'].createElement(Button, {
10173
10173
  className: "plc-text-xs",
10174
10174
  variant: "outline",
10175
10175
  onClick: () => toast.dismiss(t.id)
@@ -11945,7 +11945,7 @@ function Email({
11945
11945
  }) {
11946
11946
  const {
11947
11947
  t
11948
- } = useTranslation$1("common");
11948
+ } = useTranslation("common");
11949
11949
  const {
11950
11950
  dispatch,
11951
11951
  state: {
@@ -12036,7 +12036,7 @@ function Password({
12036
12036
  }) {
12037
12037
  const {
12038
12038
  t
12039
- } = useTranslation$1("common");
12039
+ } = useTranslation("common");
12040
12040
  const {
12041
12041
  dispatch,
12042
12042
  state: {
@@ -12084,7 +12084,7 @@ function ConfirmPassword({
12084
12084
  }) {
12085
12085
  const {
12086
12086
  t
12087
- } = useTranslation$1("common");
12087
+ } = useTranslation("common");
12088
12088
  const {
12089
12089
  dispatch,
12090
12090
  state: {
@@ -12165,12 +12165,12 @@ const LoginButton = ({
12165
12165
  } = React.useContext(store$l);
12166
12166
  const {
12167
12167
  t
12168
- } = useTranslation$1("login");
12168
+ } = useTranslation("login");
12169
12169
  const [isDisabled, setDisabled] = React.useState(true);
12170
12170
  React.useEffect(() => {
12171
12171
  setDisabled(emailError || passwordError || !email.length || !password.length || buttonDisabled);
12172
12172
  }, [emailError, passwordError, email, password, buttonDisabled]);
12173
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
12173
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
12174
12174
  onClick: () => {
12175
12175
  dispatch({
12176
12176
  type: HANDLE_LOGIN
@@ -12208,7 +12208,7 @@ const LoginRequestLoginToken = ({
12208
12208
  }) => {
12209
12209
  const {
12210
12210
  t
12211
- } = useTranslation$1("passwordlessRequest");
12211
+ } = useTranslation("passwordlessRequest");
12212
12212
  return /*#__PURE__*/React__default['default'].createElement("button", {
12213
12213
  type: "button",
12214
12214
  onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
@@ -12915,7 +12915,7 @@ function LoginView(props) {
12915
12915
 
12916
12916
  const {
12917
12917
  t
12918
- } = useTranslation$1("login");
12918
+ } = useTranslation("login");
12919
12919
  const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
12920
12920
  const passwordlessEnabled = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.passwordless_enabled;
12921
12921
  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -13003,7 +13003,7 @@ const Authorship = () => {
13003
13003
  target: "_blank",
13004
13004
  className: "plc-inline-flex plc-flex-col plc-items-center"
13005
13005
  }, /*#__PURE__*/React__default['default'].createElement("span", {
13006
- className: "plc-inline-flex plc-mb-2"
13006
+ className: "plc-inline-flex plc-mb-2 pelcro-authorship"
13007
13007
  }, "Powered by"), /*#__PURE__*/React__default['default'].createElement(SvgPelcroAuthorship, {
13008
13008
  className: "pelcro-authorship"
13009
13009
  }));
@@ -13032,7 +13032,7 @@ function Modal({
13032
13032
  className: "pelcro-modal-content"
13033
13033
  }, children.find(({
13034
13034
  type
13035
- }) => type === ModalHeader$1 && /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, Object.assign({
13035
+ }) => type === ModalHeader && /*#__PURE__*/React__default['default'].createElement(ModalHeader, Object.assign({
13036
13036
  id: id,
13037
13037
  onDisplay: onDisplay,
13038
13038
  hideCloseButton: hideCloseButton
@@ -13042,7 +13042,7 @@ function Modal({
13042
13042
  type
13043
13043
  }) => type === ModalFooter))));
13044
13044
  }
13045
- const ModalHeader$1 = ({
13045
+ const ModalHeader = ({
13046
13046
  id,
13047
13047
  onDisplay,
13048
13048
  hideCloseButton,
@@ -13107,7 +13107,7 @@ function LoginModal({
13107
13107
  }) {
13108
13108
  const {
13109
13109
  t
13110
- } = useTranslation$1("login");
13110
+ } = useTranslation("login");
13111
13111
  const {
13112
13112
  switchView,
13113
13113
  resetView,
@@ -13147,7 +13147,7 @@ function LoginModal({
13147
13147
  id: "pelcro-login-modal",
13148
13148
  onDisplay: onDisplay,
13149
13149
  onClose: onClose
13150
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
13150
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
13151
13151
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
13152
13152
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
13153
13153
  className: "plc-text-2xl plc-font-semibold"
@@ -13195,12 +13195,12 @@ const RegisterButton = ({
13195
13195
  } = React.useContext(store$k);
13196
13196
  const {
13197
13197
  t
13198
- } = useTranslation$1("register");
13198
+ } = useTranslation("register");
13199
13199
  const [isDisabled, setDisabled] = React.useState(true);
13200
13200
  React.useEffect(() => {
13201
13201
  setDisabled(buttonDisabled || emailError || passwordError || !email.length || !password.length);
13202
13202
  }, [buttonDisabled, emailError, passwordError, email, password]);
13203
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
13203
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
13204
13204
  onClick: () => {
13205
13205
  dispatch({
13206
13206
  type: HANDLE_REGISTRATION
@@ -13222,7 +13222,7 @@ function FirstName({
13222
13222
  }) {
13223
13223
  const {
13224
13224
  t
13225
- } = useTranslation$1("common");
13225
+ } = useTranslation("common");
13226
13226
  const {
13227
13227
  dispatch,
13228
13228
  state: {
@@ -13300,7 +13300,7 @@ function LastName({
13300
13300
  }) {
13301
13301
  const {
13302
13302
  t
13303
- } = useTranslation$1("common");
13303
+ } = useTranslation("common");
13304
13304
  const {
13305
13305
  dispatch,
13306
13306
  state: {
@@ -13378,7 +13378,7 @@ function Phone({
13378
13378
  }) {
13379
13379
  const {
13380
13380
  t
13381
- } = useTranslation$1("common");
13381
+ } = useTranslation("common");
13382
13382
  const {
13383
13383
  dispatch,
13384
13384
  state: {
@@ -13454,7 +13454,7 @@ function RegisterView(props) {
13454
13454
 
13455
13455
  const {
13456
13456
  t
13457
- } = useTranslation$1("register");
13457
+ } = useTranslation("register");
13458
13458
  usePelcro();
13459
13459
  const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
13460
13460
  const showNameFields = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.enableNameFieldsInRegister;
@@ -13684,7 +13684,7 @@ function RegisterModal(props) {
13684
13684
 
13685
13685
  const {
13686
13686
  t
13687
- } = useTranslation$1("register");
13687
+ } = useTranslation("register");
13688
13688
  const {
13689
13689
  switchView,
13690
13690
  resetView,
@@ -13753,7 +13753,7 @@ function RegisterModal(props) {
13753
13753
  id: "pelcro-register-modal",
13754
13754
  onDisplay: props === null || props === void 0 ? void 0 : props.onDisplay,
13755
13755
  onClose: props === null || props === void 0 ? void 0 : props.onClose
13756
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
13756
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
13757
13757
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
13758
13758
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
13759
13759
  className: "plc-text-2xl plc-font-semibold"
@@ -18488,7 +18488,7 @@ const NextArrow = ({
18488
18488
  onClick,
18489
18489
  className
18490
18490
  }) => /*#__PURE__*/React__default['default'].createElement("button", {
18491
- className: `plc-text-white plc-w-11 plc-h-11 plc-bg-primary plc-flex plc-items-center plc-justify-center plc-rounded-full plc-text-sm plc-absolute plc-top-1/2 plc--right-16 plc-transform plc--translate-y-1/2 plc-border plc-border-primary hover:plc-bg-white hover:plc-text-primary ${className}`,
18491
+ className: `sm:plc-flex plc-hidden plc-text-white plc-w-11 plc-h-11 plc-bg-primary plc-items-center plc-justify-center plc-rounded-full plc-text-sm plc-absolute plc-top-1/2 plc--right-16 plc-transform plc--translate-y-1/2 plc-border plc-border-primary hover:plc-bg-white hover:plc-text-primary ${className}`,
18492
18492
  onClick: onClick
18493
18493
  }, /*#__PURE__*/React__default['default'].createElement(SvgArrowThinRight, {
18494
18494
  stroke: "currentColor",
@@ -18501,7 +18501,7 @@ const PrevArrow = ({
18501
18501
  onClick,
18502
18502
  className
18503
18503
  }) => /*#__PURE__*/React__default['default'].createElement("button", {
18504
- className: `plc-text-white plc-w-11 plc-h-11 plc-bg-primary plc-flex plc-items-center plc-justify-center plc-rounded-full plc-text-sm plc-absolute plc-top-1/2 plc--left-16 plc-transform plc--translate-y-1/2 plc-border plc-border-primary hover:plc-bg-white hover:plc-text-primary ${className}`,
18504
+ className: `sm:plc-flex plc-hidden plc-text-white plc-w-11 plc-h-11 plc-bg-primary plc-items-center plc-justify-center plc-rounded-full plc-text-sm plc-absolute plc-top-1/2 plc--left-16 plc-transform plc--translate-y-1/2 plc-border plc-border-primary hover:plc-bg-white hover:plc-text-primary ${className}`,
18505
18505
  onClick: onClick
18506
18506
  }, /*#__PURE__*/React__default['default'].createElement(SvgArrowThinLeft, {
18507
18507
  stroke: "currentColor",
@@ -18542,19 +18542,11 @@ function Carousel({
18542
18542
  }
18543
18543
  }]
18544
18544
  };
18545
- return (
18546
- /*#__PURE__*/
18547
- // <div
18548
- // className={`carousel-wrapper plc-relative plc-px-16 xl:plc-px-0 ${
18549
- // slidesCount > 3 && `plc-px-16 xl:plc-px-16`
18550
- // }`}
18551
- // >
18552
- React__default['default'].createElement("div", {
18553
- className: "carousel-wrapper plc-relative plc-px-16"
18554
- }, /*#__PURE__*/React__default['default'].createElement(Slider, Object.assign({
18555
- ref: ref
18556
- }, settings), children))
18557
- );
18545
+ return /*#__PURE__*/React__default['default'].createElement("div", {
18546
+ className: "carousel-wrapper plc-relative sm:plc-px-16 plc-px-0"
18547
+ }, /*#__PURE__*/React__default['default'].createElement(Slider, Object.assign({
18548
+ ref: ref
18549
+ }, settings), children));
18558
18550
  }
18559
18551
 
18560
18552
  var _path$m;
@@ -18736,7 +18728,7 @@ class SelectModal extends React.Component {
18736
18728
  className: "plc-mb-2"
18737
18729
  }, this.locale("labels.startingAt")), this.countStartPrice(product.plans)))), isPlanMode || /*#__PURE__*/React__default['default'].createElement("div", {
18738
18730
  className: "plc-mt-auto plc-w-full"
18739
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
18731
+ }, /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
18740
18732
  onClick: productButtonCallback,
18741
18733
  "data-key": product.id,
18742
18734
  id: "pelcro-select-product-back-button",
@@ -18762,20 +18754,20 @@ class SelectModal extends React.Component {
18762
18754
  description
18763
18755
  } = this.state.product;
18764
18756
  return /*#__PURE__*/React__default['default'].createElement("div", {
18765
- className: "productTabs plc-mb-8"
18757
+ className: "productTabs"
18766
18758
  }, /*#__PURE__*/React__default['default'].createElement("ul", {
18767
- className: "tabs plc-flex plc-items-center plc-text-center plc-border-b plc-border-gray-300 plc-mb-8 plc-overflow-x-auto"
18759
+ className: "tabs plc-flex plc-items-center plc-text-center plc-border-b plc-border-gray-300 plc-mb-4 plc-overflow-x-auto"
18768
18760
  }, this.state.productList.map((product, index) => {
18769
18761
  var _this$state$product;
18770
18762
 
18771
18763
  return /*#__PURE__*/React__default['default'].createElement("li", {
18772
18764
  key: product.id,
18773
18765
  id: `${product.id === ((_this$state$product = this.state.product) === null || _this$state$product === void 0 ? void 0 : _this$state$product.id) ? "activeTab" : ""}`,
18774
- className: "plc-relative"
18766
+ className: "plc-relative plc-mx-1"
18775
18767
  }, /*#__PURE__*/React__default['default'].createElement("button", {
18776
18768
  onClick: productButtonCallback,
18777
18769
  "data-key": product.id,
18778
- className: "plc-px-4 plc-py-2 plc-text-gray-600 focus:plc-outline-none plc-whitespace-nowrap"
18770
+ className: "plc-px-4 plc-py-2 plc-bg-white plc-border plc-border-gray-200 plc-rounded plc-text-gray-600 focus:plc-outline-none plc-whitespace-nowrap"
18779
18771
  }, product.name));
18780
18772
  })), /*#__PURE__*/React__default['default'].createElement("div", {
18781
18773
  className: "selectedProduct plc-flex plc-flex-col plc-items-center plc-justify-center"
@@ -18784,7 +18776,9 @@ class SelectModal extends React.Component {
18784
18776
  }, /*#__PURE__*/React__default['default'].createElement("img", {
18785
18777
  src: image,
18786
18778
  alt: "Product Image"
18787
- })), description && /*#__PURE__*/React__default['default'].createElement("p", null, description)));
18779
+ })), description && /*#__PURE__*/React__default['default'].createElement("p", {
18780
+ className: "plc-text-center"
18781
+ }, description)));
18788
18782
  });
18789
18783
 
18790
18784
  _defineProperty$3(this, "renderMatchingProductsFirst", () => {
@@ -18840,7 +18834,7 @@ class SelectModal extends React.Component {
18840
18834
  }, /*#__PURE__*/React__default['default'].createElement("div", {
18841
18835
  className: "plc-p-4 plc-text-center plc-flex plc-flex-col plc-justify-center plc-items-center plc-w-full plc-border-b plc-border-gray-300"
18842
18836
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
18843
- className: "pelcro-select-plan-title plc-font-medium plc-text-xl"
18837
+ className: "pelcro-select-plan-title plc-font-medium plc-text-xl plc-break-all"
18844
18838
  }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("p", {
18845
18839
  className: "plc-text-sm plc-mt-1 pelcro-select-plan-description"
18846
18840
  }, plan.description)), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -19006,7 +19000,7 @@ class SelectModal extends React.Component {
19006
19000
  hideCloseButton: !this.closeButton,
19007
19001
  onClose: this.props.onClose,
19008
19002
  id: "pelcro-selection-modal"
19009
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
19003
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
19010
19004
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
19011
19005
  }, this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement("button", {
19012
19006
  type: "button",
@@ -19026,7 +19020,7 @@ class SelectModal extends React.Component {
19026
19020
  onChange: this.onIsGiftChange,
19027
19021
  checked: this.state.isGift,
19028
19022
  id: "pelcro-input-is-gift"
19029
- }, this.locale("messages.checkbox"))), /*#__PURE__*/React__default['default'].createElement(Button$1, {
19023
+ }, this.locale("messages.checkbox"))), /*#__PURE__*/React__default['default'].createElement(Button, {
19030
19024
  disabled: this.state.disabled,
19031
19025
  onClick: this.submitOption,
19032
19026
  id: "pelcro-submit",
@@ -21153,7 +21147,7 @@ const PaymentMethodContainerWithoutStripe = ({
21153
21147
 
21154
21148
  const {
21155
21149
  t
21156
- } = useTranslation$1("payment");
21150
+ } = useTranslation("payment");
21157
21151
  const pelcroStore = usePelcro();
21158
21152
  const {
21159
21153
  set,
@@ -22871,7 +22865,7 @@ const StripeInputStyle = {
22871
22865
  const PelcroCardNumber = props => {
22872
22866
  const {
22873
22867
  t
22874
- } = useTranslation$1("checkoutForm");
22868
+ } = useTranslation("checkoutForm");
22875
22869
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
22876
22870
  htmlFor: "pelcro-input-card-number"
22877
22871
  }, t("labels.card"), " *"), /*#__PURE__*/React__default['default'].createElement(es_9, Object.assign({
@@ -22882,7 +22876,7 @@ const PelcroCardNumber = props => {
22882
22876
  const PelcroCardCVC = props => {
22883
22877
  const {
22884
22878
  t
22885
- } = useTranslation$1("checkoutForm");
22879
+ } = useTranslation("checkoutForm");
22886
22880
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
22887
22881
  htmlFor: "pelcro-input-cvc-number"
22888
22882
  }, t("labels.CVC"), " *"), /*#__PURE__*/React__default['default'].createElement(es_6, Object.assign({
@@ -22893,7 +22887,7 @@ const PelcroCardCVC = props => {
22893
22887
  const PelcroCardExpiry = props => {
22894
22888
  const {
22895
22889
  t
22896
- } = useTranslation$1("checkoutForm");
22890
+ } = useTranslation("checkoutForm");
22897
22891
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
22898
22892
  htmlFor: "pelcro-input-expiry-date"
22899
22893
  }, t("labels.date"), " *"), /*#__PURE__*/React__default['default'].createElement(es_8, Object.assign({
@@ -22983,7 +22977,7 @@ const DiscountedPrice = props => {
22983
22977
 
22984
22978
  const {
22985
22979
  t
22986
- } = useTranslation$1("checkoutForm");
22980
+ } = useTranslation("checkoutForm");
22987
22981
  const {
22988
22982
  dispatch,
22989
22983
  state: {
@@ -23013,7 +23007,7 @@ const DiscountedPrice = props => {
23013
23007
  className: "plc-flex plc-items-center plc-justify-center plc-mt-2 pelcro-discount"
23014
23008
  }, props), "(-", percentOff, ")", /*#__PURE__*/React__default['default'].createElement("span", {
23015
23009
  className: "plc-ml-1 plc-font-bold pelcro-discounted-price"
23016
- }, priceFormatted), /*#__PURE__*/React__default['default'].createElement(Button$1, {
23010
+ }, priceFormatted), /*#__PURE__*/React__default['default'].createElement(Button, {
23017
23011
  variant: "ghost",
23018
23012
  className: "plc-ml-2 plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
23019
23013
  onClick: onCouponRemove
@@ -23034,7 +23028,7 @@ const SubmitPaymentMethod = ({
23034
23028
  } = usePelcro();
23035
23029
  const {
23036
23030
  t
23037
- } = useTranslation$1("checkoutForm");
23031
+ } = useTranslation("checkoutForm");
23038
23032
  const {
23039
23033
  dispatch,
23040
23034
  state: {
@@ -23064,7 +23058,7 @@ const SubmitPaymentMethod = ({
23064
23058
  setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length));
23065
23059
  }
23066
23060
  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone]);
23067
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
23061
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
23068
23062
  role: "submit",
23069
23063
  className: "plc-w-full plc-py-3",
23070
23064
  variant: "solid",
@@ -23095,7 +23089,7 @@ const ApplyCouponButton = ({
23095
23089
  } = React.useContext(store$j);
23096
23090
  const {
23097
23091
  t
23098
- } = useTranslation$1("checkoutForm");
23092
+ } = useTranslation("checkoutForm");
23099
23093
 
23100
23094
  const onApplyCouponCode = () => {
23101
23095
  dispatch({
@@ -23104,7 +23098,7 @@ const ApplyCouponButton = ({
23104
23098
  onClick === null || onClick === void 0 ? void 0 : onClick();
23105
23099
  };
23106
23100
 
23107
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
23101
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
23108
23102
  className: "plc-h-12 plc-ml-4",
23109
23103
  variant: "solid",
23110
23104
  "aria-label": t("labels.applyCouponCode"),
@@ -23119,7 +23113,7 @@ const ApplyCouponButton = ({
23119
23113
  const CouponCodeField = props => {
23120
23114
  const {
23121
23115
  t
23122
- } = useTranslation$1("checkoutForm");
23116
+ } = useTranslation("checkoutForm");
23123
23117
  const {
23124
23118
  dispatch,
23125
23119
  state: {
@@ -23185,7 +23179,7 @@ const CouponCode = ({
23185
23179
  } = React.useContext(store$j);
23186
23180
  const {
23187
23181
  t
23188
- } = useTranslation$1("checkoutForm");
23182
+ } = useTranslation("checkoutForm");
23189
23183
 
23190
23184
  const showCouponField = () => {
23191
23185
  dispatch({
@@ -23197,7 +23191,7 @@ const CouponCode = ({
23197
23191
 
23198
23192
  return /*#__PURE__*/React__default['default'].createElement("div", {
23199
23193
  className: "plc-mt-4 plc-mb-6"
23200
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
23194
+ }, /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
23201
23195
  className: "plc-mb-2 plc-text-base plc-text-gray-500",
23202
23196
  variant: "ghost",
23203
23197
  icon: /*#__PURE__*/React__default['default'].createElement(SvgTicket, {
@@ -23538,7 +23532,7 @@ const PaypalSubscribeButton = props => {
23538
23532
  const BankRedirection = () => {
23539
23533
  const {
23540
23534
  t
23541
- } = useTranslation$1("checkoutForm");
23535
+ } = useTranslation("checkoutForm");
23542
23536
  return /*#__PURE__*/React__default['default'].createElement("div", {
23543
23537
  className: "plc-absolute plc-inset-0 plc-flex-col plc-items-center plc-justify-center plc-hidden plc-text-lg plc-bg-white plc-z-max plc-text-primary-500 card-authentication-container"
23544
23538
  }, t("messages.bankRedirection"), /*#__PURE__*/React__default['default'].createElement(SvgSpinner, {
@@ -23549,7 +23543,7 @@ const BankRedirection = () => {
23549
23543
  const BankAuthenticationSuccess = () => {
23550
23544
  const {
23551
23545
  t
23552
- } = useTranslation$1("checkoutForm");
23546
+ } = useTranslation("checkoutForm");
23553
23547
  return /*#__PURE__*/React__default['default'].createElement("div", {
23554
23548
  className: "plc-absolute plc-inset-0 plc-flex-col plc-items-center plc-justify-center plc-hidden plc-text-lg plc-bg-white plc-z-max plc-text-primary-500 card-authentication-success-container"
23555
23549
  }, t("messages.bankAuthenticationSuccess"), /*#__PURE__*/React__default['default'].createElement(SvgSpinner, {
@@ -23578,7 +23572,7 @@ const SelectedPaymentMethod = () => {
23578
23572
 
23579
23573
  const {
23580
23574
  t
23581
- } = useTranslation$1("paymentMethod");
23575
+ } = useTranslation("paymentMethod");
23582
23576
  const {
23583
23577
  state: {
23584
23578
  isLoading
@@ -23607,7 +23601,7 @@ const SelectedPaymentMethod = () => {
23607
23601
  className: "plc-font-semibold"
23608
23602
  }, "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ", (_paymentMethod$proper2 = paymentMethod.properties) === null || _paymentMethod$proper2 === void 0 ? void 0 : _paymentMethod$proper2.last4), /*#__PURE__*/React__default['default'].createElement("p", {
23609
23603
  className: "plc-text-sm plc-text-gray-500"
23610
- }, t("select.expires"), " ", (_paymentMethod$proper3 = paymentMethod.properties) === null || _paymentMethod$proper3 === void 0 ? void 0 : _paymentMethod$proper3.exp_month, "/", (_paymentMethod$proper4 = paymentMethod.properties) === null || _paymentMethod$proper4 === void 0 ? void 0 : _paymentMethod$proper4.exp_year))), /*#__PURE__*/React__default['default'].createElement(Button$1, {
23604
+ }, t("select.expires"), " ", (_paymentMethod$proper3 = paymentMethod.properties) === null || _paymentMethod$proper3 === void 0 ? void 0 : _paymentMethod$proper3.exp_month, "/", (_paymentMethod$proper4 = paymentMethod.properties) === null || _paymentMethod$proper4 === void 0 ? void 0 : _paymentMethod$proper4.exp_year))), /*#__PURE__*/React__default['default'].createElement(Button, {
23611
23605
  onClick: () => switchView("payment-method-select"),
23612
23606
  disabled: isLoading,
23613
23607
  variant: "ghost",
@@ -23620,7 +23614,7 @@ const TaxAmount = () => {
23620
23614
 
23621
23615
  const {
23622
23616
  t
23623
- } = useTranslation$1("checkoutForm");
23617
+ } = useTranslation("checkoutForm");
23624
23618
  const {
23625
23619
  state: {
23626
23620
  taxAmount
@@ -23672,7 +23666,7 @@ function PaymentMethodView({
23672
23666
 
23673
23667
  const {
23674
23668
  t
23675
- } = useTranslation$1("checkoutForm");
23669
+ } = useTranslation("checkoutForm");
23676
23670
  const cardProcessor = getSiteCardProcessor();
23677
23671
  const supportsVantiv = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_gateway_settings);
23678
23672
  const supportsTap = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.tap_gateway_settings);
@@ -23732,7 +23726,7 @@ const SubscriptionRenewView = ({
23732
23726
  }) => {
23733
23727
  const {
23734
23728
  t
23735
- } = useTranslation$1("checkoutForm");
23729
+ } = useTranslation("checkoutForm");
23736
23730
  const {
23737
23731
  plan
23738
23732
  } = usePelcro();
@@ -23820,7 +23814,7 @@ function SubscriptionRenewModal({
23820
23814
  id: "pelcro-subscription-renew-modal",
23821
23815
  onDisplay: onDisplay,
23822
23816
  onClose: onClose
23823
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
23817
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
23824
23818
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
23825
23819
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
23826
23820
  className: "plc-text-2xl plc-font-semibold "
@@ -23847,7 +23841,7 @@ const SubscriptionCancelContainer = ({
23847
23841
  children,
23848
23842
  ...props
23849
23843
  }) => {
23850
- useTranslation$1("verifyEmail");
23844
+ useTranslation("verifyEmail");
23851
23845
  const [state, dispatch] = useReducerWithSideEffects((state, action) => {
23852
23846
  switch (action.type) {
23853
23847
  case SET_CANCEL_SUBSCRIPTION_REASON:
@@ -23953,7 +23947,7 @@ function TextArea({
23953
23947
  const SubscriptionCancelReason = props => {
23954
23948
  const {
23955
23949
  t
23956
- } = useTranslation$1("subscriptionCancel");
23950
+ } = useTranslation("subscriptionCancel");
23957
23951
  const {
23958
23952
  dispatch,
23959
23953
  state
@@ -24010,7 +24004,7 @@ const SubscriptionCancelNowButton = ({
24010
24004
  } = React.useContext(store$i);
24011
24005
  const {
24012
24006
  t
24013
- } = useTranslation$1("subscriptionCancel");
24007
+ } = useTranslation("subscriptionCancel");
24014
24008
 
24015
24009
  const cancelSubscription = (payload, onSuccess, onFailure) => {
24016
24010
  window.Pelcro.subscription.cancel({
@@ -24060,7 +24054,7 @@ const SubscriptionCancelNowButton = ({
24060
24054
  });
24061
24055
  };
24062
24056
 
24063
- return /*#__PURE__*/React__default['default'].createElement(Button$1, {
24057
+ return /*#__PURE__*/React__default['default'].createElement(Button, {
24064
24058
  onClick: handleCancelNowClick,
24065
24059
  className: `${className}`
24066
24060
  }, t("messages.cancelNow"));
@@ -24084,7 +24078,7 @@ const SubscriptionCancelLaterButton = ({
24084
24078
  } = React.useContext(store$i);
24085
24079
  const {
24086
24080
  t
24087
- } = useTranslation$1("subscriptionCancel");
24081
+ } = useTranslation("subscriptionCancel");
24088
24082
 
24089
24083
  const cancelSubscription = (payload, onSuccess, onFailure) => {
24090
24084
  window.Pelcro.subscription.cancel({
@@ -24134,7 +24128,7 @@ const SubscriptionCancelLaterButton = ({
24134
24128
  });
24135
24129
  };
24136
24130
 
24137
- return /*#__PURE__*/React__default['default'].createElement(Button$1, {
24131
+ return /*#__PURE__*/React__default['default'].createElement(Button, {
24138
24132
  onClick: handleCancelNowClick,
24139
24133
  className: `${className}`
24140
24134
  }, t("messages.cancelLater"));
@@ -24146,7 +24140,7 @@ const SubscriptionCancelView = props => {
24146
24140
  } = usePelcro();
24147
24141
  const {
24148
24142
  t
24149
- } = useTranslation$1("subscriptionCancel");
24143
+ } = useTranslation("subscriptionCancel");
24150
24144
  return /*#__PURE__*/React__default['default'].createElement("div", {
24151
24145
  id: "pelcro-subscription-cancel-view"
24152
24146
  }, /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelContainer, props, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -24177,12 +24171,12 @@ const SubscriptionCancelModal = ({
24177
24171
  } = usePelcro();
24178
24172
  const {
24179
24173
  t
24180
- } = useTranslation$1("subscriptionCancel");
24174
+ } = useTranslation("subscriptionCancel");
24181
24175
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
24182
24176
  onDisplay: onDisplay,
24183
24177
  onClose: onClose,
24184
24178
  id: "pelcro-subscription-cancel-modal"
24185
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
24179
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
24186
24180
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
24187
24181
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
24188
24182
  className: "plc-text-2xl plc-font-semibold"
@@ -24209,7 +24203,7 @@ const SubscriptionSuspendContainer = ({
24209
24203
  children,
24210
24204
  ...props
24211
24205
  }) => {
24212
- useTranslation$1("SubscriptionSuspend");
24206
+ useTranslation("SubscriptionSuspend");
24213
24207
  const [state, dispatch] = useReducerWithSideEffects((state, action) => {
24214
24208
  switch (action.type) {
24215
24209
  case SET_SUBSCRIPTION_SUSPEND_DATE:
@@ -24284,7 +24278,7 @@ const SubscriptionSuspendDate = props => {
24284
24278
 
24285
24279
  const {
24286
24280
  t
24287
- } = useTranslation$1("subscriptionSuspend");
24281
+ } = useTranslation("subscriptionSuspend");
24288
24282
  const {
24289
24283
  dispatch,
24290
24284
  state
@@ -24335,7 +24329,7 @@ const SubscriptionSuspendButton = ({
24335
24329
  } = React.useContext(store$h);
24336
24330
  const {
24337
24331
  t
24338
- } = useTranslation$1("subscriptionSuspend");
24332
+ } = useTranslation("subscriptionSuspend");
24339
24333
 
24340
24334
  const suspendSubscription = (payload, onSuccess, onFailure) => {
24341
24335
  window.Pelcro.subscription.update({
@@ -24379,7 +24373,7 @@ const SubscriptionSuspendButton = ({
24379
24373
  });
24380
24374
  };
24381
24375
 
24382
- return /*#__PURE__*/React__default['default'].createElement(Button$1, {
24376
+ return /*#__PURE__*/React__default['default'].createElement(Button, {
24383
24377
  onClick: handleClick,
24384
24378
  className: `${className}`,
24385
24379
  disabled: buttonDisabled
@@ -24392,7 +24386,7 @@ const SubscriptionSuspendView = props => {
24392
24386
  } = usePelcro();
24393
24387
  const {
24394
24388
  t
24395
- } = useTranslation$1("subscriptionSuspend");
24389
+ } = useTranslation("subscriptionSuspend");
24396
24390
  return /*#__PURE__*/React__default['default'].createElement("div", {
24397
24391
  id: "pelcro-subscription-suspend-view"
24398
24392
  }, /*#__PURE__*/React__default['default'].createElement(SubscriptionSuspendContainer, props, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -24458,7 +24452,7 @@ const PaymentSuccessView = ({
24458
24452
  }) => {
24459
24453
  const {
24460
24454
  t
24461
- } = useTranslation$1("success");
24455
+ } = useTranslation("success");
24462
24456
  const {
24463
24457
  successTitle,
24464
24458
  successContent,
@@ -24472,7 +24466,7 @@ const PaymentSuccessView = ({
24472
24466
  className: "plc-text-center plc-text-gray-900"
24473
24467
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
24474
24468
  className: "plc-mb-4 plc-text-3xl"
24475
- }, successTitle), /*#__PURE__*/React__default['default'].createElement("p", null, successContent)), /*#__PURE__*/React__default['default'].createElement(Button$1, {
24469
+ }, successTitle), /*#__PURE__*/React__default['default'].createElement("p", null, successContent)), /*#__PURE__*/React__default['default'].createElement(Button, {
24476
24470
  className: "plc-mt-6",
24477
24471
  onClick: onClose,
24478
24472
  autoFocus: true
@@ -24726,7 +24720,7 @@ class DefaultNewsLetter extends React.Component {
24726
24720
  hideCloseButton: !this.closeButton,
24727
24721
  onClose: this.props.onClose,
24728
24722
  id: "pelcro-newsletter-modal"
24729
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
24723
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
24730
24724
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
24731
24725
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
24732
24726
  className: "plc-text-2xl plc-font-semibold"
@@ -24769,7 +24763,7 @@ class DefaultNewsLetter extends React.Component {
24769
24763
  label: t("labels.postalCode")
24770
24764
  }), /*#__PURE__*/React__default['default'].createElement("p", {
24771
24765
  className: "plc-text-gray-900 pelcro-footnote"
24772
- }, "* ", t("labels.required")), /*#__PURE__*/React__default['default'].createElement(Button$1, {
24766
+ }, "* ", t("labels.required")), /*#__PURE__*/React__default['default'].createElement(Button, {
24773
24767
  role: "submit",
24774
24768
  className: "plc-w-full plc-mt-2",
24775
24769
  id: "pelcro-submit",
@@ -24817,7 +24811,7 @@ const NewsletterUpdateContainer = ({
24817
24811
  onFailure = () => {},
24818
24812
  children
24819
24813
  }) => {
24820
- const [t] = useTranslation$1("newsletter");
24814
+ const [t] = useTranslation("newsletter");
24821
24815
 
24822
24816
  const handleSubmit = ({
24823
24817
  newsletters,
@@ -24996,8 +24990,8 @@ const NewsletterUpdateButton = ({
24996
24990
  } = React.useContext(store$g);
24997
24991
  const {
24998
24992
  t
24999
- } = useTranslation$1("newsletter");
25000
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
24993
+ } = useTranslation("newsletter");
24994
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
25001
24995
  onClick: () => {
25002
24996
  dispatch({
25003
24997
  type: HANDLE_SUBMIT
@@ -25050,7 +25044,7 @@ const NewsletterUpdateList = () => {
25050
25044
  const NewsletterUpdateView = props => {
25051
25045
  const {
25052
25046
  t
25053
- } = useTranslation$1("newsletter");
25047
+ } = useTranslation("newsletter");
25054
25048
  return /*#__PURE__*/React__default['default'].createElement("div", {
25055
25049
  id: "pelcro-newsletter-update-view"
25056
25050
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -25071,12 +25065,12 @@ const NewsletterUpdateModal = ({
25071
25065
  }) => {
25072
25066
  const {
25073
25067
  t
25074
- } = useTranslation$1("newsletter");
25068
+ } = useTranslation("newsletter");
25075
25069
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
25076
25070
  id: "pelcro-newsletter-update-modal",
25077
25071
  onDisplay: onDisplay,
25078
25072
  onClose: onClose
25079
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
25073
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
25080
25074
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
25081
25075
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
25082
25076
  className: "plc-text-2xl plc-font-semibold"
@@ -25089,7 +25083,7 @@ const MeterView = () => {
25089
25083
 
25090
25084
  const {
25091
25085
  t
25092
- } = useTranslation$1("meter");
25086
+ } = useTranslation("meter");
25093
25087
  const {
25094
25088
  switchView,
25095
25089
  product,
@@ -25105,10 +25099,10 @@ const MeterView = () => {
25105
25099
  className: "plc-text-sm plc-text-gray-600"
25106
25100
  }, subtitle, ",", !isAuthenticated() && " or " + t("messages.alreadyHaveAccount")), /*#__PURE__*/React__default['default'].createElement("div", {
25107
25101
  className: "plc-flex plc-mt-2"
25108
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
25102
+ }, /*#__PURE__*/React__default['default'].createElement(Button, {
25109
25103
  className: "plc-w-1/2",
25110
25104
  onClick: () => switchView("plan-select")
25111
- }, t("messages.subscribeNow")), !isAuthenticated() && /*#__PURE__*/React__default['default'].createElement(Button$1, {
25105
+ }, t("messages.subscribeNow")), !isAuthenticated() && /*#__PURE__*/React__default['default'].createElement(Button, {
25112
25106
  className: "pelcro-button-ghost plc-w-1/2",
25113
25107
  onClick: () => switchView("login")
25114
25108
  }, t("messages.loginHere"))));
@@ -25150,7 +25144,7 @@ const SubscriptionCreateView = ({
25150
25144
  }) => {
25151
25145
  const {
25152
25146
  t
25153
- } = useTranslation$1("checkoutForm");
25147
+ } = useTranslation("checkoutForm");
25154
25148
  const {
25155
25149
  plan
25156
25150
  } = usePelcro();
@@ -25222,7 +25216,7 @@ function SubscriptionCreateModal({
25222
25216
  id: "pelcro-subscription-create-modal",
25223
25217
  onDisplay: onDisplay,
25224
25218
  onClose: onClose
25225
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
25219
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
25226
25220
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
25227
25221
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
25228
25222
  className: "plc-text-2xl plc-font-semibold "
@@ -25265,7 +25259,7 @@ const UserUpdateContainer = ({
25265
25259
  }) => {
25266
25260
  const {
25267
25261
  t
25268
- } = useTranslation$1("userEdit");
25262
+ } = useTranslation("userEdit");
25269
25263
  React.useEffect(() => {
25270
25264
  document.addEventListener("PelcroUserLoaded", () => {
25271
25265
  loadUserDataIntoFields();
@@ -25478,7 +25472,7 @@ const UserUpdateEmail = props => {
25478
25472
  const [enableEmailEdit, setEnableEmailEdit] = React.useState(false);
25479
25473
  const {
25480
25474
  t
25481
- } = useTranslation$1("userEdit");
25475
+ } = useTranslation("userEdit");
25482
25476
 
25483
25477
  const handleEnableEmailEdit = () => {
25484
25478
  if (enableEmailEdit) {
@@ -25503,7 +25497,7 @@ const UserUpdateEmail = props => {
25503
25497
  store: store$f,
25504
25498
  label: t("labels.email"),
25505
25499
  enableEmailEdit: enableEmailEdit
25506
- }, props)), /*#__PURE__*/React__default['default'].createElement(Button$1, {
25500
+ }, props)), /*#__PURE__*/React__default['default'].createElement(Button, {
25507
25501
  variant: "icon",
25508
25502
  className: "plc-absolute plc-rounded-none plc-text-gray-500 plc-w-12 plc-h-12 plc-top-7 plc-right-0 hover:plc-text-gray-900 hover:plc-bg-transparent focus:plc-ring-0 focus:plc-shadow-none",
25509
25503
  icon: enableEmailEdit ? /*#__PURE__*/React__default['default'].createElement(SvgXIcon, {
@@ -25538,12 +25532,12 @@ const UserUpdateButton = ({
25538
25532
  const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
25539
25533
  const {
25540
25534
  t
25541
- } = useTranslation$1("userEdit");
25535
+ } = useTranslation("userEdit");
25542
25536
  const [isDisabled, setDisabled] = React.useState(true);
25543
25537
  React.useEffect(() => {
25544
25538
  setDisabled(buttonDisabled || emailError || !(email !== null && email !== void 0 && email.length) || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length));
25545
25539
  }, [email, firstName, lastName, phone, buttonDisabled, emailError, firstNameError, lastNameError, phoneError]);
25546
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
25540
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
25547
25541
  onClick: () => {
25548
25542
  dispatch({
25549
25543
  type: HANDLE_USER_UPDATE
@@ -25585,7 +25579,7 @@ const UserUpdateProfilePic = ({
25585
25579
  src: profilePicture,
25586
25580
  alt: "profile picture",
25587
25581
  onClick: onClick
25588
- }, otherProps)), /*#__PURE__*/React__default['default'].createElement(Button$1, {
25582
+ }, otherProps)), /*#__PURE__*/React__default['default'].createElement(Button, {
25589
25583
  variant: "icon",
25590
25584
  className: "plc-absolute plc-bg-gray-500 plc-text-white plc-w-10 plc-h-10 plc-top-24 plc-right-2 hover:plc-bg-gray-600 hover:plc-text-white",
25591
25585
  icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, null),
@@ -25599,7 +25593,7 @@ function Tin({
25599
25593
  store,
25600
25594
  ...otherProps
25601
25595
  }) {
25602
- useTranslation$1("common");
25596
+ useTranslation("common");
25603
25597
  const {
25604
25598
  dispatch,
25605
25599
  state: {
@@ -25659,7 +25653,7 @@ const UserUpdateView = props => {
25659
25653
 
25660
25654
  const {
25661
25655
  t
25662
- } = useTranslation$1("userEdit");
25656
+ } = useTranslation("userEdit");
25663
25657
  const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
25664
25658
  return /*#__PURE__*/React__default['default'].createElement("div", {
25665
25659
  id: "pelcro-user-update-view"
@@ -25718,7 +25712,7 @@ function UserUpdateModal({
25718
25712
  } = usePelcro();
25719
25713
  const {
25720
25714
  t
25721
- } = useTranslation$1("userEdit");
25715
+ } = useTranslation("userEdit");
25722
25716
 
25723
25717
  const onPictureClick = () => {
25724
25718
  switchView("profile-picture");
@@ -25728,7 +25722,7 @@ function UserUpdateModal({
25728
25722
  id: "pelcro-user-update-modal",
25729
25723
  onDisplay: onDisplay,
25730
25724
  onClose: onClose
25731
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
25725
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
25732
25726
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
25733
25727
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
25734
25728
  className: "plc-text-2xl plc-font-semibold"
@@ -25823,7 +25817,7 @@ const AddressCreateContainer = ({
25823
25817
 
25824
25818
  const {
25825
25819
  t
25826
- } = useTranslation$1("address");
25820
+ } = useTranslation("address");
25827
25821
  const {
25828
25822
  giftCode: giftCodeFromStore,
25829
25823
  subscriptionIdToRenew: subscriptionIdToRenewFromStore,
@@ -26293,8 +26287,8 @@ const AddressCreateSubmit = ({
26293
26287
  } = React.useContext(store$e);
26294
26288
  const {
26295
26289
  t
26296
- } = useTranslation$1("address");
26297
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
26290
+ } = useTranslation("address");
26291
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
26298
26292
  onClick: () => {
26299
26293
  dispatch({
26300
26294
  type: HANDLE_SUBMIT
@@ -26519,7 +26513,7 @@ const AddressCreateSetDefault = props => {
26519
26513
  const AddressCreateView = props => {
26520
26514
  const {
26521
26515
  t
26522
- } = useTranslation$1("address");
26516
+ } = useTranslation("address");
26523
26517
  return /*#__PURE__*/React__default['default'].createElement("div", {
26524
26518
  id: "pelcro-address-create-view"
26525
26519
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -26591,7 +26585,7 @@ const AddressCreateModal = ({
26591
26585
  } = usePelcro();
26592
26586
  const {
26593
26587
  t
26594
- } = useTranslation$1("address");
26588
+ } = useTranslation("address");
26595
26589
 
26596
26590
  const onSuccess = newAddressId => {
26597
26591
  var _otherProps$onSuccess;
@@ -26619,7 +26613,7 @@ const AddressCreateModal = ({
26619
26613
  id: "pelcro-address-create-modal",
26620
26614
  onDisplay: onDisplay,
26621
26615
  onClose: onClose
26622
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
26616
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
26623
26617
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
26624
26618
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
26625
26619
  className: "plc-text-2xl plc-font-semibold"
@@ -26690,7 +26684,7 @@ const AddressUpdateContainer = ({
26690
26684
  addressIdToEdit
26691
26685
  } = usePelcro();
26692
26686
  const addressId = (_props$addressId = props === null || props === void 0 ? void 0 : props.addressId) !== null && _props$addressId !== void 0 ? _props$addressId : addressIdToEdit;
26693
- const [t] = useTranslation$1("address");
26687
+ const [t] = useTranslation("address");
26694
26688
  React.useEffect(() => {
26695
26689
  const getCountries = () => {
26696
26690
  dispatch({
@@ -27151,8 +27145,8 @@ const AddressUpdateSubmit = ({
27151
27145
  } = React.useContext(store$d);
27152
27146
  const {
27153
27147
  t
27154
- } = useTranslation$1("address");
27155
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
27148
+ } = useTranslation("address");
27149
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
27156
27150
  onClick: () => {
27157
27151
  dispatch({
27158
27152
  type: HANDLE_SUBMIT
@@ -27194,7 +27188,7 @@ function AddressUpdateSetDefault(props) {
27194
27188
  const AddressUpdateView = props => {
27195
27189
  const {
27196
27190
  t
27197
- } = useTranslation$1("address");
27191
+ } = useTranslation("address");
27198
27192
  return /*#__PURE__*/React__default['default'].createElement("div", {
27199
27193
  id: "pelcro-address-update-view"
27200
27194
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -27266,12 +27260,12 @@ const AddressUpdateModal = ({
27266
27260
  }) => {
27267
27261
  const {
27268
27262
  t
27269
- } = useTranslation$1("address");
27263
+ } = useTranslation("address");
27270
27264
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
27271
27265
  id: "pelcro-address-update-modal",
27272
27266
  onDisplay: onDisplay,
27273
27267
  onClose: onClose
27274
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
27268
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
27275
27269
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
27276
27270
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
27277
27271
  className: "plc-text-2xl plc-font-semibold"
@@ -27338,7 +27332,7 @@ const ReactGA$2 = (_window$2 = window) !== null && _window$2 !== void 0 && (_win
27338
27332
  const PaymentMethodUpdateModal = props => {
27339
27333
  const {
27340
27334
  t
27341
- } = useTranslation$1("paymentMethod");
27335
+ } = useTranslation("paymentMethod");
27342
27336
 
27343
27337
  const onSuccess = res => {
27344
27338
  var _props$onSuccess, _ReactGA$event;
@@ -27355,7 +27349,7 @@ const PaymentMethodUpdateModal = props => {
27355
27349
  id: "pelcro-payment-method-update-modal",
27356
27350
  onDisplay: props.onDisplay,
27357
27351
  onClose: props.onClose
27358
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
27352
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
27359
27353
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
27360
27354
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
27361
27355
  className: "plc-text-2xl plc-font-semibold "
@@ -27392,7 +27386,7 @@ const PasswordResetContainer = ({
27392
27386
  }) => {
27393
27387
  const {
27394
27388
  t
27395
- } = useTranslation$1("passwordReset");
27389
+ } = useTranslation("passwordReset");
27396
27390
 
27397
27391
  const handleSubmit = ({
27398
27392
  email,
@@ -27533,8 +27527,8 @@ const PasswordResetButton = ({
27533
27527
  } = React.useContext(store$c);
27534
27528
  const {
27535
27529
  t
27536
- } = useTranslation$1("passwordReset");
27537
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
27530
+ } = useTranslation("passwordReset");
27531
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
27538
27532
  onClick: () => {
27539
27533
  dispatch({
27540
27534
  type: HANDLE_SUBMIT
@@ -27560,7 +27554,7 @@ const PasswordResetConfirmPassword = props => /*#__PURE__*/React__default['defau
27560
27554
  const PasswordResetView = props => {
27561
27555
  const {
27562
27556
  t
27563
- } = useTranslation$1("passwordReset");
27557
+ } = useTranslation("passwordReset");
27564
27558
  return /*#__PURE__*/React__default['default'].createElement("div", {
27565
27559
  id: "pelcro-password-reset-view"
27566
27560
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -27596,12 +27590,12 @@ const PasswordResetModal = ({
27596
27590
  }) => {
27597
27591
  const {
27598
27592
  t
27599
- } = useTranslation$1("passwordReset");
27593
+ } = useTranslation("passwordReset");
27600
27594
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
27601
27595
  onDisplay: onDisplay,
27602
27596
  onClose: onClose,
27603
27597
  id: "pelcro-password-reset-modal"
27604
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
27598
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
27605
27599
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
27606
27600
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
27607
27601
  className: "plc-text-2xl plc-font-semibold"
@@ -27632,7 +27626,7 @@ const PasswordForgotContainer = ({
27632
27626
  }) => {
27633
27627
  const {
27634
27628
  t
27635
- } = useTranslation$1("passwordForgot");
27629
+ } = useTranslation("passwordForgot");
27636
27630
 
27637
27631
  const handleSubmit = ({
27638
27632
  email
@@ -27732,12 +27726,12 @@ const PasswordForgotButton = ({
27732
27726
  } = React.useContext(store$b);
27733
27727
  const {
27734
27728
  t
27735
- } = useTranslation$1("passwordForgot");
27729
+ } = useTranslation("passwordForgot");
27736
27730
  const [isDisabled, setDisabled] = React.useState(true);
27737
27731
  React.useEffect(() => {
27738
27732
  setDisabled(emailError || !email.length || buttonDisabled);
27739
27733
  }, [emailError, email, buttonDisabled]);
27740
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
27734
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
27741
27735
  onClick: () => {
27742
27736
  dispatch({
27743
27737
  type: HANDLE_SUBMIT
@@ -27756,7 +27750,7 @@ const PasswordForgotEmail = props => /*#__PURE__*/React__default['default'].crea
27756
27750
  const PasswordForgotView = props => {
27757
27751
  const {
27758
27752
  t
27759
- } = useTranslation$1("passwordForgot");
27753
+ } = useTranslation("passwordForgot");
27760
27754
  return /*#__PURE__*/React__default['default'].createElement("div", {
27761
27755
  id: "pelcro-password-forgot-view"
27762
27756
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -27781,7 +27775,7 @@ const PasswordForgotModal = ({
27781
27775
  }) => {
27782
27776
  const {
27783
27777
  t
27784
- } = useTranslation$1("passwordForgot");
27778
+ } = useTranslation("passwordForgot");
27785
27779
  const {
27786
27780
  switchView
27787
27781
  } = usePelcro();
@@ -27789,7 +27783,7 @@ const PasswordForgotModal = ({
27789
27783
  id: "pelcro-password-forgot-modal",
27790
27784
  onDisplay: onDisplay,
27791
27785
  onClose: onClose
27792
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
27786
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
27793
27787
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
27794
27788
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
27795
27789
  className: "plc-text-2xl plc-font-semibold"
@@ -27827,7 +27821,7 @@ const PasswordlessRequestContainer = ({
27827
27821
  }) => {
27828
27822
  const {
27829
27823
  t
27830
- } = useTranslation$1("passwordlessRequest");
27824
+ } = useTranslation("passwordlessRequest");
27831
27825
 
27832
27826
  const handleSubmit = ({
27833
27827
  email
@@ -27927,12 +27921,12 @@ const PasswordlessRequestViewButton = ({
27927
27921
  } = React.useContext(store$a);
27928
27922
  const {
27929
27923
  t
27930
- } = useTranslation$1("passwordlessRequest");
27924
+ } = useTranslation("passwordlessRequest");
27931
27925
  const [isDisabled, setDisabled] = React.useState(true);
27932
27926
  React.useEffect(() => {
27933
27927
  setDisabled(emailError || !email.length || buttonDisabled);
27934
27928
  }, [emailError, email, buttonDisabled]);
27935
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
27929
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
27936
27930
  onClick: () => {
27937
27931
  dispatch({
27938
27932
  type: HANDLE_SUBMIT
@@ -27951,7 +27945,7 @@ const PasswordlessRequestEmail = props => /*#__PURE__*/React__default['default']
27951
27945
  const PasswordlessRequestView = props => {
27952
27946
  const {
27953
27947
  t
27954
- } = useTranslation$1("passwordlessRequest");
27948
+ } = useTranslation("passwordlessRequest");
27955
27949
  return /*#__PURE__*/React__default['default'].createElement("div", {
27956
27950
  id: "pelcro-password-forgot-view"
27957
27951
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -27976,12 +27970,12 @@ const PasswordlessRequestModal = ({
27976
27970
  }) => {
27977
27971
  const {
27978
27972
  t
27979
- } = useTranslation$1("passwordlessRequest");
27973
+ } = useTranslation("passwordlessRequest");
27980
27974
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
27981
27975
  id: "pelcro-password-forgot-modal",
27982
27976
  onDisplay: onDisplay,
27983
27977
  onClose: onClose
27984
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
27978
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
27985
27979
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
27986
27980
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
27987
27981
  className: "plc-text-2xl plc-font-semibold"
@@ -28016,7 +28010,7 @@ const PasswordChangeContainer = ({
28016
28010
  }) => {
28017
28011
  const {
28018
28012
  t
28019
- } = useTranslation$1("passwordChange");
28013
+ } = useTranslation("passwordChange");
28020
28014
 
28021
28015
  const handleSubmit = ({
28022
28016
  currentPassword,
@@ -28295,9 +28289,9 @@ const PasswordChangeButton = ({
28295
28289
  } = React.useContext(store$9);
28296
28290
  const {
28297
28291
  t
28298
- } = useTranslation$1("passwordChange");
28292
+ } = useTranslation("passwordChange");
28299
28293
  const hasInvalidField = currentPasswordError || newPasswordError || confirmNewPasswordError;
28300
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
28294
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
28301
28295
  onClick: () => {
28302
28296
  dispatch({
28303
28297
  type: HANDLE_SUBMIT
@@ -28312,7 +28306,7 @@ const PasswordChangeButton = ({
28312
28306
  const PasswordChangeView = props => {
28313
28307
  const {
28314
28308
  t
28315
- } = useTranslation$1("passwordChange");
28309
+ } = useTranslation("passwordChange");
28316
28310
  return /*#__PURE__*/React__default['default'].createElement("div", {
28317
28311
  id: "pelcro-password-change-view"
28318
28312
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -28348,12 +28342,12 @@ const PasswordChangeModal = ({
28348
28342
  }) => {
28349
28343
  const {
28350
28344
  t
28351
- } = useTranslation$1("passwordChange");
28345
+ } = useTranslation("passwordChange");
28352
28346
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
28353
28347
  id: "pelcro-password-change-modal",
28354
28348
  onDisplay: onDisplay,
28355
28349
  onClose: onClose
28356
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
28350
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
28357
28351
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
28358
28352
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
28359
28353
  className: "plc-text-2xl plc-font-semibold"
@@ -28386,7 +28380,7 @@ const CartContainer = ({
28386
28380
  } = usePelcro();
28387
28381
  const {
28388
28382
  t
28389
- } = useTranslation$1("shop");
28383
+ } = useTranslation("shop");
28390
28384
  React.useEffect(() => {
28391
28385
  dispatch({
28392
28386
  type: DISABLE_SUBMIT,
@@ -28489,7 +28483,7 @@ const CartRemoveItemButton = ({
28489
28483
  const {
28490
28484
  removeFromCart
28491
28485
  } = usePelcro();
28492
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
28486
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
28493
28487
  variant: "icon",
28494
28488
  "data-key": itemId,
28495
28489
  icon: /*#__PURE__*/React__default['default'].createElement(SvgXIcon, {
@@ -28517,8 +28511,8 @@ const CartSubmit = ({
28517
28511
  } = React.useContext(store$8);
28518
28512
  const {
28519
28513
  t
28520
- } = useTranslation$1("cart");
28521
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({}, otherProps, {
28514
+ } = useTranslation("cart");
28515
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({}, otherProps, {
28522
28516
  onClick: () => {
28523
28517
  dispatch({
28524
28518
  type: HANDLE_SUBMIT
@@ -28555,7 +28549,7 @@ const CartTotalPrice = () => {
28555
28549
  const totalPriceCurrency = cartItems[0].currency;
28556
28550
  const {
28557
28551
  t
28558
- } = useTranslation$1("cart");
28552
+ } = useTranslation("cart");
28559
28553
 
28560
28554
  if (!alert.content) {
28561
28555
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("p", {
@@ -28574,7 +28568,7 @@ const CartView = props => {
28574
28568
  } = usePelcro();
28575
28569
  const {
28576
28570
  t
28577
- } = useTranslation$1("cart");
28571
+ } = useTranslation("cart");
28578
28572
  React.useEffect(() => {
28579
28573
  document.dispatchEvent(cartOpened(cartItems));
28580
28574
  }, []);
@@ -28633,7 +28627,7 @@ const CartModal = ({
28633
28627
  } = usePelcro();
28634
28628
  const {
28635
28629
  t
28636
- } = useTranslation$1("cart");
28630
+ } = useTranslation("cart");
28637
28631
 
28638
28632
  const onSuccess = items => {
28639
28633
  var _otherProps$onSuccess;
@@ -28652,7 +28646,7 @@ const CartModal = ({
28652
28646
  onDisplay: onDisplay,
28653
28647
  onClose: onClose,
28654
28648
  hideCloseButton: false
28655
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
28649
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
28656
28650
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
28657
28651
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
28658
28652
  className: "plc-text-2xl plc-font-semibold "
@@ -28672,7 +28666,7 @@ const ShopSelectProductButton = ({
28672
28666
  } = usePelcro();
28673
28667
  const {
28674
28668
  t
28675
- } = useTranslation$1("shop");
28669
+ } = useTranslation("shop");
28676
28670
  const [disabled, setDisabled] = React.useState(false);
28677
28671
  const [textContent, setTextContent] = React.useState(t("buttons.select"));
28678
28672
 
@@ -28687,7 +28681,7 @@ const ShopSelectProductButton = ({
28687
28681
  }, 1000);
28688
28682
  };
28689
28683
 
28690
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
28684
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
28691
28685
  "data-sku-id": itemId,
28692
28686
  id: `pelcro-shop-select-${itemId}`,
28693
28687
  onClick: handleClick,
@@ -28704,8 +28698,8 @@ const ShopPurchaseButton = ({
28704
28698
  } = usePelcro();
28705
28699
  const {
28706
28700
  t
28707
- } = useTranslation$1("shop");
28708
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({}, otherProps, {
28701
+ } = useTranslation("shop");
28702
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({}, otherProps, {
28709
28703
  "data-sku-id": itemId,
28710
28704
  id: `pelcro-shop-purchase-${itemId}`,
28711
28705
  onClick: () => purchaseItem(itemId)
@@ -28775,7 +28769,7 @@ const OrderCreateModal = ({
28775
28769
  } = usePelcro();
28776
28770
  const {
28777
28771
  t
28778
- } = useTranslation$1("payment");
28772
+ } = useTranslation("payment");
28779
28773
 
28780
28774
  const onSuccess = () => {
28781
28775
  var _otherProps$onSuccess;
@@ -28788,7 +28782,7 @@ const OrderCreateModal = ({
28788
28782
  id: "pelcro-order-create-modal",
28789
28783
  onDisplay: onDisplay,
28790
28784
  onClose: onClose
28791
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
28785
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
28792
28786
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
28793
28787
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
28794
28788
  className: "plc-text-2xl plc-font-semibold "
@@ -28806,7 +28800,7 @@ const OrderConfirmModal = props => {
28806
28800
  const latestOrderDiscount = latestOrder === null || latestOrder === void 0 ? void 0 : (_latestOrder$coupon = latestOrder.coupon) === null || _latestOrder$coupon === void 0 ? void 0 : _latestOrder$coupon.percent_off;
28807
28801
  const {
28808
28802
  t
28809
- } = useTranslation$1("shop");
28803
+ } = useTranslation("shop");
28810
28804
  const {
28811
28805
  resetView
28812
28806
  } = usePelcro();
@@ -28864,7 +28858,7 @@ const OrderConfirmModal = props => {
28864
28858
  className: "pelcro-summary-total"
28865
28859
  }, latestOrderDiscount && `(-${latestOrderDiscount}%) `, getFormattedPriceByLocal(latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.amount, latestOrder === null || latestOrder === void 0 ? void 0 : latestOrder.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("div", {
28866
28860
  className: "plc-flex plc-justify-center plc-mt-6"
28867
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
28861
+ }, /*#__PURE__*/React__default['default'].createElement(Button, {
28868
28862
  id: "pelcro-submit",
28869
28863
  onClick: onClose,
28870
28864
  autoFocus: true
@@ -28898,7 +28892,7 @@ const GiftCreateContainer = ({
28898
28892
  }) => {
28899
28893
  const {
28900
28894
  t
28901
- } = useTranslation$1("register");
28895
+ } = useTranslation("register");
28902
28896
  const {
28903
28897
  set
28904
28898
  } = usePelcro();
@@ -29022,8 +29016,8 @@ const GiftCreateSubmitButton = ({
29022
29016
  } = React.useContext(store$7);
29023
29017
  const {
29024
29018
  t
29025
- } = useTranslation$1("register");
29026
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
29019
+ } = useTranslation("register");
29020
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
29027
29021
  onClick: () => {
29028
29022
  dispatch({
29029
29023
  type: HANDLE_SUBMIT
@@ -29057,7 +29051,7 @@ const GiftCreateStartDate = props => {
29057
29051
 
29058
29052
  const {
29059
29053
  t
29060
- } = useTranslation$1("register");
29054
+ } = useTranslation("register");
29061
29055
  const {
29062
29056
  dispatch,
29063
29057
  state
@@ -29092,7 +29086,7 @@ function GiftCreateMessage(props) {
29092
29086
 
29093
29087
  const {
29094
29088
  t
29095
- } = useTranslation$1("register");
29089
+ } = useTranslation("register");
29096
29090
  const {
29097
29091
  dispatch,
29098
29092
  state
@@ -29126,7 +29120,7 @@ function GiftCreateMessage(props) {
29126
29120
  const GiftCreateView = props => {
29127
29121
  const {
29128
29122
  t
29129
- } = useTranslation$1("register");
29123
+ } = useTranslation("register");
29130
29124
  return /*#__PURE__*/React__default['default'].createElement("div", {
29131
29125
  id: "pelcro-gift-create-view"
29132
29126
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -29185,7 +29179,7 @@ const GiftCreateModal = ({
29185
29179
  }) => {
29186
29180
  const {
29187
29181
  t
29188
- } = useTranslation$1("register");
29182
+ } = useTranslation("register");
29189
29183
  const {
29190
29184
  switchView,
29191
29185
  switchToAddressView,
@@ -29209,7 +29203,7 @@ const GiftCreateModal = ({
29209
29203
  id: "pelcro-gift-create-modal",
29210
29204
  onDisplay: onDisplay,
29211
29205
  onClose: onClose
29212
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
29206
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
29213
29207
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
29214
29208
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
29215
29209
  className: "plc-text-2xl plc-font-semibold"
@@ -29249,7 +29243,7 @@ const GiftRedeemContainer = ({
29249
29243
  }) => {
29250
29244
  const {
29251
29245
  t
29252
- } = useTranslation$1("register");
29246
+ } = useTranslation("register");
29253
29247
  const {
29254
29248
  set
29255
29249
  } = usePelcro();
@@ -29369,8 +29363,8 @@ const GiftRedeemSubmitButton = ({
29369
29363
  } = React.useContext(store$6);
29370
29364
  const {
29371
29365
  t
29372
- } = useTranslation$1("register");
29373
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
29366
+ } = useTranslation("register");
29367
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
29374
29368
  onClick: () => {
29375
29369
  dispatch({
29376
29370
  type: HANDLE_SUBMIT
@@ -29384,7 +29378,7 @@ const GiftRedeemSubmitButton = ({
29384
29378
  const GiftRedeemView = props => {
29385
29379
  const {
29386
29380
  t
29387
- } = useTranslation$1("register");
29381
+ } = useTranslation("register");
29388
29382
  return /*#__PURE__*/React__default['default'].createElement("div", {
29389
29383
  id: "pelcro-gift-redeem-view"
29390
29384
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -29413,7 +29407,7 @@ const GiftRedeemModal = ({
29413
29407
  }) => {
29414
29408
  const {
29415
29409
  t
29416
- } = useTranslation$1("register");
29410
+ } = useTranslation("register");
29417
29411
  const {
29418
29412
  switchView,
29419
29413
  switchToAddressView,
@@ -29436,7 +29430,7 @@ const GiftRedeemModal = ({
29436
29430
  id: "pelcro-gift-redeem-modal",
29437
29431
  onClose: onClose,
29438
29432
  onDisplay: onDisplay
29439
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
29433
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
29440
29434
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
29441
29435
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
29442
29436
  className: "plc-text-2xl plc-font-semibold"
@@ -29493,7 +29487,7 @@ const AddressSelectContainer = ({
29493
29487
 
29494
29488
  const {
29495
29489
  t
29496
- } = useTranslation$1("address");
29490
+ } = useTranslation("address");
29497
29491
  const {
29498
29492
  switchView,
29499
29493
  giftCode: giftCodeFromStore,
@@ -29694,8 +29688,8 @@ const AddressSelectSubmit = ({
29694
29688
  } = React.useContext(store$5);
29695
29689
  const {
29696
29690
  t
29697
- } = useTranslation$1("address");
29698
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
29691
+ } = useTranslation("address");
29692
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
29699
29693
  onClick: () => {
29700
29694
  dispatch({
29701
29695
  type: HANDLE_SUBMIT
@@ -29710,7 +29704,7 @@ const AddressSelectSubmit = ({
29710
29704
  const AddressSelectView = props => {
29711
29705
  const {
29712
29706
  t
29713
- } = useTranslation$1("address");
29707
+ } = useTranslation("address");
29714
29708
  return /*#__PURE__*/React__default['default'].createElement("div", {
29715
29709
  id: "pelcro-address-select-view"
29716
29710
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -29742,7 +29736,7 @@ const AddressSelectModal = ({
29742
29736
  } = usePelcro();
29743
29737
  const {
29744
29738
  t
29745
- } = useTranslation$1("address");
29739
+ } = useTranslation("address");
29746
29740
 
29747
29741
  const onSuccess = selectedAddressId => {
29748
29742
  var _otherProps$onSuccess;
@@ -29774,7 +29768,7 @@ const AddressSelectModal = ({
29774
29768
  onDisplay: onDisplay,
29775
29769
  onClose: onClose,
29776
29770
  id: "pelcro-address-select-modal"
29777
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
29771
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
29778
29772
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
29779
29773
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
29780
29774
  className: "plc-text-2xl plc-font-semibold"
@@ -29901,7 +29895,7 @@ const PaymentMethodSelectContainer = ({
29901
29895
  const PaymentMethodSelectList = () => {
29902
29896
  const {
29903
29897
  t
29904
- } = useTranslation$1("paymentMethod");
29898
+ } = useTranslation("paymentMethod");
29905
29899
  const {
29906
29900
  dispatch,
29907
29901
  state: {
@@ -29951,7 +29945,7 @@ const PaymentMethodSelectSubmit = ({
29951
29945
  }) => {
29952
29946
  const {
29953
29947
  t
29954
- } = useTranslation$1("paymentMethod");
29948
+ } = useTranslation("paymentMethod");
29955
29949
  const {
29956
29950
  dispatch,
29957
29951
  state: {
@@ -29959,7 +29953,7 @@ const PaymentMethodSelectSubmit = ({
29959
29953
  isSubmitting
29960
29954
  }
29961
29955
  } = React.useContext(store$4);
29962
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
29956
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
29963
29957
  onClick: () => {
29964
29958
  dispatch({
29965
29959
  type: HANDLE_SUBMIT
@@ -29974,7 +29968,7 @@ const PaymentMethodSelectSubmit = ({
29974
29968
  const PaymentMethodSelectView = props => {
29975
29969
  const {
29976
29970
  t
29977
- } = useTranslation$1("paymentMethod");
29971
+ } = useTranslation("paymentMethod");
29978
29972
  return /*#__PURE__*/React__default['default'].createElement("div", {
29979
29973
  id: "pelcro-payment-method-select-view"
29980
29974
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -30003,7 +29997,7 @@ const PaymentMethodSelectModal = ({
30003
29997
  } = usePelcro();
30004
29998
  const {
30005
29999
  t
30006
- } = useTranslation$1("paymentMethod");
30000
+ } = useTranslation("paymentMethod");
30007
30001
 
30008
30002
  const onSuccess = selectedPaymentMethodId => {
30009
30003
  var _otherProps$onSuccess;
@@ -30023,7 +30017,7 @@ const PaymentMethodSelectModal = ({
30023
30017
  onDisplay: onDisplay,
30024
30018
  onClose: onClose,
30025
30019
  id: "pelcro-payment-method-select-modal"
30026
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
30020
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
30027
30021
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
30028
30022
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
30029
30023
  className: "plc-text-2xl plc-font-semibold"
@@ -31410,7 +31404,7 @@ const Card = ({
31410
31404
  requestStates,
31411
31405
  ...restProps
31412
31406
  }) => {
31413
- useTranslation$1("dashboard");
31407
+ useTranslation("dashboard");
31414
31408
  return /*#__PURE__*/React__default['default'].createElement("div", {
31415
31409
  className: `plc-bg-white plc-border-2 plc-p-6 plc-rounded plc-my-20 ${className}`,
31416
31410
  id: "plc-dashboard-card"
@@ -31434,7 +31428,7 @@ const ReactGA$1 = (_window$1 = window) !== null && _window$1 !== void 0 && (_win
31434
31428
  const SavedItemsMenu = () => {
31435
31429
  const {
31436
31430
  t
31437
- } = useTranslation$1("dashboard");
31431
+ } = useTranslation("dashboard");
31438
31432
  const [userMetadata, setUserMetadata] = React.useState(window.Pelcro.user.read().metadata);
31439
31433
  const userSavedItems = userMetadata ? Object.entries(userMetadata) // only get metadata related to saved items
31440
31434
  .filter(([categoryTitle, value]) => categoryTitle.startsWith("metadata_saved_") && (value === null || value === void 0 ? void 0 : value.length)) // drop the "metadata_saved_" from the category title
@@ -31454,7 +31448,7 @@ const SavedItems = ({
31454
31448
  }) => {
31455
31449
  const {
31456
31450
  t
31457
- } = useTranslation$1("dashboard");
31451
+ } = useTranslation("dashboard");
31458
31452
  const [isLoading, setLoading] = React.useState(false);
31459
31453
  const {
31460
31454
  isAuthenticated
@@ -31514,7 +31508,7 @@ const SavedItems = ({
31514
31508
  src: item === null || item === void 0 ? void 0 : item.image
31515
31509
  }), /*#__PURE__*/React__default['default'].createElement("span", {
31516
31510
  className: "plc-font-semibold"
31517
- }, item.title)))), /*#__PURE__*/React__default['default'].createElement(Button$1, {
31511
+ }, item.title)))), /*#__PURE__*/React__default['default'].createElement(Button, {
31518
31512
  variant: "ghost",
31519
31513
  type: "button",
31520
31514
  className: "plc-text-gray-500 plc-rounded-2xl",
@@ -31543,10 +31537,30 @@ function SvgCalendar(props) {
31543
31537
  })));
31544
31538
  }
31545
31539
 
31540
+ const AddNew = ({
31541
+ title,
31542
+ onClick
31543
+ }) => {
31544
+ const handleClick = () => {
31545
+ onClick === null || onClick === void 0 ? void 0 : onClick();
31546
+ };
31547
+
31548
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, title && /*#__PURE__*/React__default['default'].createElement("div", {
31549
+ className: "plc-mt-5 plc-relative plc-text-primary-500"
31550
+ }, /*#__PURE__*/React__default['default'].createElement("hr", {
31551
+ className: "plc-absolute plc-border-t-2 plc-my-4 plc-top-1.5 plc-w-full"
31552
+ }), /*#__PURE__*/React__default['default'].createElement("button", {
31553
+ onClick: handleClick,
31554
+ className: "plc-bg-white plc-flex plc-items-center plc-mx-auto plc-p-2 plc-relative focus-within:plc-outline-none"
31555
+ }, /*#__PURE__*/React__default['default'].createElement(SvgPlus, {
31556
+ className: "plc-w-4 plc-h-4 plc-mr-1"
31557
+ }), /*#__PURE__*/React__default['default'].createElement("span", null, title))));
31558
+ };
31559
+
31546
31560
  const SubscriptionsMenu = props => {
31547
31561
  const {
31548
31562
  t
31549
- } = useTranslation$1("dashboard");
31563
+ } = useTranslation("dashboard");
31550
31564
  return /*#__PURE__*/React__default['default'].createElement(Card, {
31551
31565
  id: "pelcro-dashboard-subscriptions-menu",
31552
31566
  className: "plc-max-w-80% plc-m-auto",
@@ -31567,20 +31581,15 @@ const SubscriptionsMenu = props => {
31567
31581
  className: "plc-w-1/5"
31568
31582
  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
31569
31583
  className: "plc-h-4"
31570
- })), /*#__PURE__*/React__default['default'].createElement(Accordion, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionsItems, props)), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
31571
- colSpan: "5",
31572
- className: "plc-p-1"
31573
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
31574
- variant: "ghost",
31575
- icon: /*#__PURE__*/React__default['default'].createElement(SvgPlus, {
31576
- className: "plc-w-4 plc-h-4 plc-mr-1"
31577
- }),
31578
- className: "plc-w-full plc-h-8 plc-font-semibold plc-tracking-wider plc-text-gray-900 plc-uppercase plc-rounded-none hover:plc-bg-gray-100",
31584
+ })), /*#__PURE__*/React__default['default'].createElement(Accordion, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionsItems, props))), /*#__PURE__*/React__default['default'].createElement(AddNew, {
31585
+ title: t("labels.addSubscription"),
31579
31586
  onClick: props.displayProductSelect
31580
- }, t("labels.addSubscription")))), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
31587
+ }), /*#__PURE__*/React__default['default'].createElement("table", {
31588
+ className: "plc-w-full plc-table-fixed pelcro-subscriptions-table plc-text-left"
31589
+ }, /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
31581
31590
  colSpan: "5",
31582
31591
  className: "plc-p-1"
31583
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
31592
+ }, /*#__PURE__*/React__default['default'].createElement(Button, {
31584
31593
  variant: "ghost",
31585
31594
  icon: /*#__PURE__*/React__default['default'].createElement(SvgGift, {
31586
31595
  className: "plc-w-4 plc-h-4 plc-mr-1"
@@ -31604,7 +31613,7 @@ const SubscriptionsItems = ({
31604
31613
  }) => {
31605
31614
  const {
31606
31615
  t
31607
- } = useTranslation$1("dashboard");
31616
+ } = useTranslation("dashboard");
31608
31617
  const {
31609
31618
  switchView,
31610
31619
  setSubscriptionToCancel,
@@ -31733,35 +31742,35 @@ const SubscriptionsItems = ({
31733
31742
  className: "plc-inline-block plc-mt-1 plc-underline"
31734
31743
  }, getSubscriptionStatus(sub).content), /*#__PURE__*/React__default['default'].createElement("br", null), sub.shipments_remaining ? /*#__PURE__*/React__default['default'].createElement("span", {
31735
31744
  className: "plc-inline-block plc-mt-1"
31736
- }, sub.shipments_remaining, " ", t("labels.shipments")) : null)), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button$1, {
31745
+ }, sub.shipments_remaining, " ", t("labels.shipments")) : null)), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 1 && sub.plan.auto_renew && !sub.is_gift_recipient && /*#__PURE__*/React__default['default'].createElement(Button, {
31737
31746
  variant: "ghost",
31738
31747
  className: "plc-text-green-400 focus:plc-ring-green-300 pelcro-dashboard-sub-reactivate-button",
31739
31748
  icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
31740
31749
  onClick: onReactivateClick,
31741
31750
  disabled: disableSubmit,
31742
31751
  "data-key": sub.id
31743
- }, t("labels.reactivate")), sub.cancel_at_period_end === 1 && sub.status !== "incomplete" && /*#__PURE__*/React__default['default'].createElement(Button$1, {
31752
+ }, t("labels.reactivate")), sub.cancel_at_period_end === 1 && sub.status !== "incomplete" && /*#__PURE__*/React__default['default'].createElement(Button, {
31744
31753
  variant: "ghost",
31745
31754
  className: "plc-text-blue-400 pelcro-dashboard-sub-renew-button",
31746
31755
  icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
31747
31756
  onClick: onRenewClick,
31748
31757
  disabled: disableSubmit,
31749
31758
  "data-key": sub.id
31750
- }, t("labels.renew")), sub.shipments_suspended_until && isDateAfterToday(sub.shipments_suspended_until) && sub.shipments_remaining > 0 && /*#__PURE__*/React__default['default'].createElement(Button$1, {
31759
+ }, t("labels.renew")), sub.shipments_suspended_until && isDateAfterToday(sub.shipments_suspended_until) && sub.shipments_remaining > 0 && /*#__PURE__*/React__default['default'].createElement(Button, {
31751
31760
  variant: "ghost",
31752
31761
  className: "plc-text-blue-400 pelcro-dashboard-sub-suspend-button",
31753
31762
  icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
31754
31763
  onClick: onUnSuspendClick,
31755
31764
  disabled: disableSubmit,
31756
31765
  "data-key": sub.id
31757
- }, t("labels.unsuspend")), (!sub.shipments_suspended_until && sub.shipments_remaining > 0 || sub.shipments_suspended_until && !isDateAfterToday(sub.shipments_suspended_until)) && /*#__PURE__*/React__default['default'].createElement(Button$1, {
31766
+ }, t("labels.unsuspend")), (!sub.shipments_suspended_until && sub.shipments_remaining > 0 || sub.shipments_suspended_until && !isDateAfterToday(sub.shipments_suspended_until)) && /*#__PURE__*/React__default['default'].createElement(Button, {
31758
31767
  variant: "ghost",
31759
31768
  className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-suspend-button",
31760
31769
  icon: /*#__PURE__*/React__default['default'].createElement(SvgCalendar, null),
31761
31770
  onClick: onSuspendClick,
31762
31771
  disabled: disableSubmit,
31763
31772
  "data-key": sub.id
31764
- }, t("labels.suspend")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default['default'].createElement(Button$1, {
31773
+ }, t("labels.suspend")), !sub.plan.auto_renew || sub.plan.auto_renew && sub.cancel_at_period_end === 0 ? /*#__PURE__*/React__default['default'].createElement(Button, {
31765
31774
  variant: "ghost",
31766
31775
  className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
31767
31776
  icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
@@ -31905,7 +31914,7 @@ Accordion.item = function AccordionItem({
31905
31914
  const OrdersMenu = () => {
31906
31915
  const {
31907
31916
  t
31908
- } = useTranslation$1("dashboard");
31917
+ } = useTranslation("dashboard");
31909
31918
  const userOrders = window.Pelcro.user.read().orders;
31910
31919
  return /*#__PURE__*/React__default['default'].createElement(Card, {
31911
31920
  id: "pelcro-dashboard-orders-menu",
@@ -31940,9 +31949,11 @@ const OrderItems = ({
31940
31949
 
31941
31950
  const {
31942
31951
  t
31943
- } = useTranslation$1("dashboard");
31952
+ } = useTranslation("dashboard");
31944
31953
  if ((orders === null || orders === void 0 ? void 0 : orders.length) === 0) return null;
31945
31954
  return !(orders !== null && orders !== void 0 && orders.length) ? null : orders === null || orders === void 0 ? void 0 : orders.map(order => {
31955
+ var _order$items;
31956
+
31946
31957
  const isActive = activeMenu === order.id;
31947
31958
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
31948
31959
  key: order.id
@@ -31960,7 +31971,7 @@ const OrderItems = ({
31960
31971
  count: getItemsAmount(order.id)
31961
31972
  }))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("p", {
31962
31973
  className: "plc-font-semibold "
31963
- }, order.created)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
31974
+ }, order === null || order === void 0 ? void 0 : (_order$items = order.items) === null || _order$items === void 0 ? void 0 : _order$items[0].created_at)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
31964
31975
  className: `plc-flex plc-items-center plc-justify-center plc-transition-transform plc-ease-out plc-transform plc-rounded-full plc-w-7 plc-h-7 ${isActive ? "plc-flex plc-place-items-center plc-w-7 plc-h-7 plc-p-1 plc-bg-primary-400 plc-rounded-full" : "accordion-chevron"}`
31965
31976
  }, /*#__PURE__*/React__default['default'].createElement("span", {
31966
31977
  className: `plc-transition plc-ease-out ${isActive && "plc-text-white plc-transform plc-rotate-90"}`
@@ -31992,30 +32003,10 @@ const OrderItems = ({
31992
32003
  });
31993
32004
  };
31994
32005
 
31995
- const AddNew = ({
31996
- title,
31997
- onClick
31998
- }) => {
31999
- const handleClick = () => {
32000
- onClick === null || onClick === void 0 ? void 0 : onClick();
32001
- };
32002
-
32003
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, title && /*#__PURE__*/React__default['default'].createElement("div", {
32004
- className: "plc-mt-5 plc-relative plc-text-primary-500"
32005
- }, /*#__PURE__*/React__default['default'].createElement("hr", {
32006
- className: "plc-absolute plc-border-t-2 plc-my-4 plc-top-1.5 plc-w-full"
32007
- }), /*#__PURE__*/React__default['default'].createElement("button", {
32008
- onClick: handleClick,
32009
- className: "plc-bg-white plc-flex plc-items-center plc-mx-auto plc-p-2 plc-relative focus-within:plc-outline-none"
32010
- }, /*#__PURE__*/React__default['default'].createElement(SvgPlus, {
32011
- className: "plc-w-4 plc-h-4 plc-mr-1"
32012
- }), /*#__PURE__*/React__default['default'].createElement("span", null, title))));
32013
- };
32014
-
32015
32006
  const DonationsMenu = props => {
32016
32007
  const {
32017
32008
  t
32018
- } = useTranslation$1("dashboard");
32009
+ } = useTranslation("dashboard");
32019
32010
  const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
32020
32011
  return /*#__PURE__*/React__default['default'].createElement("tr", {
32021
32012
  key: sub.id,
@@ -32028,22 +32019,7 @@ const DonationsMenu = props => {
32028
32019
  className: "plc-text-xs plc-text-gray-400 pelcro-donation-price"
32029
32020
  }, getFormattedPriceByLocal(sub.plan.amount * sub.quantity, sub.plan.currency, getPageOrDefaultLanguage())))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
32030
32021
  className: "plc-mb-4 plc-text-gray-500 pelcro-donation-date"
32031
- }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("span", {
32032
- className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${props === null || props === void 0 ? void 0 : props.getSubscriptionStatus(sub).bgColor} plc-uppercase ${props === null || props === void 0 ? void 0 : props.getSubscriptionStatus(sub).textColor} plc-rounded-lg`
32033
- }, props === null || props === void 0 ? void 0 : props.getSubscriptionStatus(sub).icon, props === null || props === void 0 ? void 0 : props.getSubscriptionStatus(sub).title), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("div", {
32034
- className: "plc-mb-4 plc-text-xs plc-text-gray-500"
32035
- }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", {
32036
- className: "plc-inline-block plc-mt-1 plc-underline"
32037
- }, props === null || props === void 0 ? void 0 : props.getSubscriptionStatus(sub).content))), /*#__PURE__*/React__default['default'].createElement("td", null, sub.cancel_at_period_end === 1 && /*#__PURE__*/React__default['default'].createElement(Button, {
32038
- variant: "ghost",
32039
- icon: /*#__PURE__*/React__default['default'].createElement(RefreshIcon, {
32040
- className: "plc-w-4 plc-h-4"
32041
- }),
32042
- className: "plc-text-blue-400" // onClick={onRenewClick}
32043
- // disabled={this.state.disableSubmit}
32044
- ,
32045
- "data-key": sub.id
32046
- }, t("labels.renew"))));
32022
+ }, sub.status && /*#__PURE__*/React__default['default'].createElement("span", null, formatStartDate(sub.start)))));
32047
32023
  });
32048
32024
  return /*#__PURE__*/React__default['default'].createElement(Card, {
32049
32025
  id: "pelcro-dashboard-donation-menu",
@@ -32057,13 +32033,7 @@ const DonationsMenu = props => {
32057
32033
  className: "plc-w-1/4"
32058
32034
  }, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
32059
32035
  className: "plc-w-1/4"
32060
- }, t("labels.startDate")), /*#__PURE__*/React__default['default'].createElement("th", {
32061
- className: "plc-w-1/4"
32062
- }, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
32063
- className: "plc-w-1/4"
32064
- }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, subscriptions)), /*#__PURE__*/React__default['default'].createElement(AddNew, {
32065
- title: t("labels.newDonations")
32066
- }));
32036
+ }, t("labels.startDate")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, subscriptions)));
32067
32037
  };
32068
32038
 
32069
32039
  function getDonationSubs() {
@@ -32082,7 +32052,7 @@ function formatStartDate(date) {
32082
32052
  const InvoicesMenu = props => {
32083
32053
  const {
32084
32054
  t
32085
- } = useTranslation$1("dashboard");
32055
+ } = useTranslation("dashboard");
32086
32056
  return /*#__PURE__*/React__default['default'].createElement(Card, {
32087
32057
  id: "pelcro-dashboard-invoices-menu",
32088
32058
  className: "plc-max-w-80% plc-m-auto",
@@ -32109,7 +32079,7 @@ const InvoicesItems = () => {
32109
32079
 
32110
32080
  const {
32111
32081
  t
32112
- } = useTranslation$1("dashboard");
32082
+ } = useTranslation("dashboard");
32113
32083
  const {
32114
32084
  setInvoice,
32115
32085
  switchView
@@ -32141,7 +32111,7 @@ const InvoicesItems = () => {
32141
32111
  className: "plc-py-2"
32142
32112
  }, /*#__PURE__*/React__default['default'].createElement("span", {
32143
32113
  className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${invoiceStatus.bgColor} plc-uppercase ${invoiceStatus.textColor} plc-rounded-lg`
32144
- }, invoiceStatus.icon, invoiceStatus.title)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
32114
+ }, invoiceStatus.icon, invoiceStatus.title)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
32145
32115
  variant: "ghost",
32146
32116
  className: "plc-text-blue-400 focus:plc-ring-blue-400 pelcro-dashboard-view-invoice-button",
32147
32117
  icon: /*#__PURE__*/React__default['default'].createElement(SvgDocument, {
@@ -32220,7 +32190,7 @@ function getInvoiceStatus(invoice) {
32220
32190
  const MembershipsMenu = props => {
32221
32191
  const {
32222
32192
  t
32223
- } = useTranslation$1("dashboard");
32193
+ } = useTranslation("dashboard");
32224
32194
  return /*#__PURE__*/React__default['default'].createElement(Card, {
32225
32195
  id: "pelcro-dashboard-donation-menu",
32226
32196
  className: "plc-max-w-80% plc-m-auto",
@@ -32245,7 +32215,7 @@ const MembershipsMenu = props => {
32245
32215
  const MembershipsItems = props => {
32246
32216
  const {
32247
32217
  t
32248
- } = useTranslation$1("dashboard");
32218
+ } = useTranslation("dashboard");
32249
32219
  const {
32250
32220
  switchView,
32251
32221
  setSelectedMembership,
@@ -32292,7 +32262,7 @@ const MembershipsItems = props => {
32292
32262
  className: "plc-inline-block plc-mt-1"
32293
32263
  }, membership.subscription.shipments_remaining, " ", t("labels.shipments")) : null)), /*#__PURE__*/React__default['default'].createElement("td", {
32294
32264
  className: "plc-truncate"
32295
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
32265
+ }, /*#__PURE__*/React__default['default'].createElement(Button, {
32296
32266
  variant: "ghost",
32297
32267
  icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, {
32298
32268
  className: "plc-w-4 plc-h-4"
@@ -32359,7 +32329,7 @@ const GiftsMenu = props => {
32359
32329
 
32360
32330
  const {
32361
32331
  t
32362
- } = useTranslation$1("dashboard");
32332
+ } = useTranslation("dashboard");
32363
32333
  const giftRecipients = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.gift_recipients) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
32364
32334
 
32365
32335
  const renderGiftRecipients = () => {
@@ -32389,7 +32359,7 @@ const GiftsMenu = props => {
32389
32359
  className: "plc-mb-4 plc-text-xs plc-text-gray-500"
32390
32360
  }, recipient.status && /*#__PURE__*/React__default['default'].createElement("span", {
32391
32361
  className: "plc-inline-block plc-mt-1 plc-underline"
32392
- }, props === null || props === void 0 ? void 0 : props.getSubscriptionStatus(recipient).content))), recipient.cancel_at_period_end === 1 && /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
32362
+ }, props === null || props === void 0 ? void 0 : props.getSubscriptionStatus(recipient).content))), recipient.cancel_at_period_end === 1 && /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
32393
32363
  variant: "ghost",
32394
32364
  icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, {
32395
32365
  className: "plc-w-4 plc-h-4"
@@ -32432,7 +32402,7 @@ const GiftsMenu = props => {
32432
32402
  const AddressesMenu = props => {
32433
32403
  const {
32434
32404
  t
32435
- } = useTranslation$1("dashboard");
32405
+ } = useTranslation("dashboard");
32436
32406
  const [requestStates, setRequestStates] = React.useState({
32437
32407
  loading: false,
32438
32408
  success: false,
@@ -32456,7 +32426,7 @@ const AddressesMenu = props => {
32456
32426
  const AddressesItems = props => {
32457
32427
  var _window$Pelcro$user$r;
32458
32428
 
32459
- useTranslation$1("dashboard");
32429
+ useTranslation("dashboard");
32460
32430
  const {
32461
32431
  switchView
32462
32432
  } = usePelcro();
@@ -32495,7 +32465,7 @@ const AddressesItems = props => {
32495
32465
  className: "pelcro-address-line1 plc-text-sm plc-mt-2"
32496
32466
  }, address.line1), /*#__PURE__*/React__default['default'].createElement("p", {
32497
32467
  className: "pelcro-address-country plc-text-sm"
32498
- }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)), /*#__PURE__*/React__default['default'].createElement(Button$1, {
32468
+ }, address.city, ", ", address.state_name, " ", address.postal_code, ", ", address.country_name)), /*#__PURE__*/React__default['default'].createElement(Button, {
32499
32469
  variant: "icon",
32500
32470
  className: "plc-text-gray-500",
32501
32471
  icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, null),
@@ -32549,7 +32519,7 @@ const getPaymentCardIcon = name => {
32549
32519
  const PaymentCardsMenu = props => {
32550
32520
  const {
32551
32521
  t
32552
- } = useTranslation$1("dashboard");
32522
+ } = useTranslation("dashboard");
32553
32523
  const source = window.Pelcro.user.read().source;
32554
32524
  return /*#__PURE__*/React__default['default'].createElement(Card, {
32555
32525
  id: "pelcro-dashboard-payment-menu",
@@ -32567,7 +32537,7 @@ const PaymentCardsMenu = props => {
32567
32537
  const PaymentCardsItems = props => {
32568
32538
  var _props$source, _props$source$propert, _props$source2, _props$source2$proper;
32569
32539
 
32570
- useTranslation$1("dashboard");
32540
+ useTranslation("dashboard");
32571
32541
  return /*#__PURE__*/React__default['default'].createElement("div", {
32572
32542
  className: `plc-py-2 plc-px-4 plc-mt-5 plc-flex plc-items-center plc-justify-between last:plc-mb-0 plc-rounded plc-text-gray-900 pelcro-address-wrapper plc-bg-white plc-shadow-md_dark`
32573
32543
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -32576,7 +32546,7 @@ const PaymentCardsItems = props => {
32576
32546
  className: "plc-mr-6"
32577
32547
  }, getPaymentCardIcon(props === null || props === void 0 ? void 0 : (_props$source = props.source) === null || _props$source === void 0 ? void 0 : (_props$source$propert = _props$source.properties) === null || _props$source$propert === void 0 ? void 0 : _props$source$propert.brand)), /*#__PURE__*/React__default['default'].createElement("p", {
32578
32548
  className: "plc-ml-1 plc-text-lg plc-tracking-widest"
32579
- }, "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ", props === null || props === void 0 ? void 0 : (_props$source2 = props.source) === null || _props$source2 === void 0 ? void 0 : (_props$source2$proper = _props$source2.properties) === null || _props$source2$proper === void 0 ? void 0 : _props$source2$proper.last4)), /*#__PURE__*/React__default['default'].createElement(Button$1, {
32549
+ }, "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ", props === null || props === void 0 ? void 0 : (_props$source2 = props.source) === null || _props$source2 === void 0 ? void 0 : (_props$source2$proper = _props$source2.properties) === null || _props$source2$proper === void 0 ? void 0 : _props$source2$proper.last4)), /*#__PURE__*/React__default['default'].createElement(Button, {
32580
32550
  variant: "icon",
32581
32551
  className: "plc-text-gray-500",
32582
32552
  icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, null),
@@ -33981,7 +33951,7 @@ var QRCode = unwrapExports(lib);
33981
33951
  const QRCodeMenu = props => {
33982
33952
  const {
33983
33953
  t
33984
- } = useTranslation$1("qr");
33954
+ } = useTranslation("qr");
33985
33955
  const value = window.Pelcro.user.read().id ? `${window.Pelcro.environment.domain}/admin/${window.Pelcro.siteid}/customers/${window.Pelcro.user.read().id}` : `${window.Pelcro.environment.domain}/admin/${window.Pelcro.siteid}/customers`;
33986
33956
  return /*#__PURE__*/React__default['default'].createElement(Card, {
33987
33957
  id: "pelcro-dashboard-donation-menu",
@@ -33998,7 +33968,7 @@ const QRCodeMenu = props => {
33998
33968
  const ProfileMenu = props => {
33999
33969
  const {
34000
33970
  t
34001
- } = useTranslation$1("dashboard");
33971
+ } = useTranslation("dashboard");
34002
33972
  const {
34003
33973
  switchView
34004
33974
  } = usePelcro();
@@ -34044,7 +34014,7 @@ const NewslettersMenu = props => {
34044
34014
 
34045
34015
  const {
34046
34016
  t
34047
- } = useTranslation$1("dashboard");
34017
+ } = useTranslation("dashboard");
34048
34018
  const defaultStatues = {
34049
34019
  loading: false,
34050
34020
  success: false,
@@ -34139,7 +34109,7 @@ const NewslettersMenu = props => {
34139
34109
  newsletters: newsletters
34140
34110
  }), /*#__PURE__*/React__default['default'].createElement("div", {
34141
34111
  className: "plc-flex plc-justify-center"
34142
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
34112
+ }, /*#__PURE__*/React__default['default'].createElement(Button, {
34143
34113
  onClick: handleSubmit,
34144
34114
  disabled: requestStates.loading
34145
34115
  }, "SUBMIT")));
@@ -34149,7 +34119,7 @@ const NewsLettersItems = ({
34149
34119
  newsletters,
34150
34120
  handleChange
34151
34121
  }) => {
34152
- useTranslation$1("dashboard");
34122
+ useTranslation("dashboard");
34153
34123
  if (newsletters.length === 0) return null;
34154
34124
  return newsletters.map(newsletter => {
34155
34125
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -34481,7 +34451,7 @@ class Dashboard extends React.Component {
34481
34451
  className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
34482
34452
  }, address.type), address.is_default && /*#__PURE__*/React__default['default'].createElement("span", {
34483
34453
  className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-ml-2"
34484
- }, this.locale("labels.default")))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
34454
+ }, this.locale("labels.default")))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
34485
34455
  variant: "icon",
34486
34456
  className: "plc-text-gray-500",
34487
34457
  icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, null),
@@ -34503,7 +34473,7 @@ class Dashboard extends React.Component {
34503
34473
  }), addresses, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
34504
34474
  colSpan: "2",
34505
34475
  className: "plc-p-1"
34506
- }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
34476
+ }, /*#__PURE__*/React__default['default'].createElement(Button, {
34507
34477
  variant: "ghost",
34508
34478
  icon: /*#__PURE__*/React__default['default'].createElement(SvgPlus, {
34509
34479
  className: "plc-w-4 plc-mr-1"
@@ -34615,9 +34585,10 @@ class Dashboard extends React.Component {
34615
34585
  setActiveDashboardLink: this.setActiveDashboardLink,
34616
34586
  activeDashboardLink: this.state.activeDashboardLink
34617
34587
  }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
34588
+ show: showNewsletters(),
34618
34589
  name: SUB_MENUS.NEWSLETTERS,
34619
34590
  icon: /*#__PURE__*/React__default['default'].createElement(SvgNewsletter, {
34620
- className: "plc-transform plc-scale-120 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
34591
+ className: "plc-transform plc--translate-x-1 plc-scale-105 plc-w-7 plc-h-8 plc-mr-1 plc-pt-1"
34621
34592
  }),
34622
34593
  title: this.locale("labels.Newsletters"),
34623
34594
  setActiveDashboardLink: this.setActiveDashboardLink,
@@ -34713,7 +34684,7 @@ class Dashboard extends React.Component {
34713
34684
  setSubscriptionIdToRenew: this.props.setSubscriptionIdToRenew,
34714
34685
  setIsRenewingGift: this.props.setIsRenewingGift,
34715
34686
  setView: this.props.setView
34716
- }), this.state.activeDashboardLink === SUB_MENUS.ORDERS && /*#__PURE__*/React__default['default'].createElement(OrdersMenu, null), this.state.activeDashboardLink === SUB_MENUS.INVOICES && /*#__PURE__*/React__default['default'].createElement(InvoicesMenu, null), this.state.activeDashboardLink === SUB_MENUS.LOGOUT && this.props.logout(), /*#__PURE__*/React__default['default'].createElement(Button$1, {
34687
+ }), this.state.activeDashboardLink === SUB_MENUS.ORDERS && /*#__PURE__*/React__default['default'].createElement(OrdersMenu, null), this.state.activeDashboardLink === SUB_MENUS.INVOICES && /*#__PURE__*/React__default['default'].createElement(InvoicesMenu, null), this.state.activeDashboardLink === SUB_MENUS.LOGOUT && this.props.logout(), /*#__PURE__*/React__default['default'].createElement(Button, {
34717
34688
  variant: "ghost",
34718
34689
  type: "button",
34719
34690
  className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-5 plc-right-10",
@@ -34732,15 +34703,22 @@ function hasInvoices() {
34732
34703
  return invoices.length > 0;
34733
34704
  }
34734
34705
 
34706
+ function showNewsletters() {
34707
+ var _ref, _window$Pelcro3, _window$Pelcro3$uiSet, _window$Pelcro3$uiSet2;
34708
+
34709
+ const showNewslettersUiSettings = (_ref = ((_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$uiSet = _window$Pelcro3.uiSettings) === null || _window$Pelcro3$uiSet === void 0 ? void 0 : (_window$Pelcro3$uiSet2 = _window$Pelcro3$uiSet.newsletters) === null || _window$Pelcro3$uiSet2 === void 0 ? void 0 : _window$Pelcro3$uiSet2.length) > 0) !== null && _ref !== void 0 ? _ref : false;
34710
+ return showNewslettersUiSettings;
34711
+ }
34712
+
34735
34713
  const DashboardWithTrans = withTranslation("dashboard")(Dashboard);
34736
34714
 
34737
- // The button in the lower right that shows the dashboard.
34715
+ // The button in the lower left that shows the dashboard.
34738
34716
  const DashboardOpenButton = () => {
34739
34717
  const {
34740
34718
  switchView
34741
34719
  } = usePelcro();
34742
34720
  return /*#__PURE__*/React__default['default'].createElement("div", {
34743
- className: "plc-fixed plc-right-4 plc-bottom-4 pelcro-open-dashboard-btn"
34721
+ className: "plc-fixed plc-left-4 plc-bottom-4 pelcro-open-dashboard-btn"
34744
34722
  }, /*#__PURE__*/React__default['default'].createElement("button", {
34745
34723
  className: "plc-bg-white plc-border-2 plc-rounded-full focus:plc-outline-none plc-border-primary-300 hover:plc-bg-white",
34746
34724
  name: "menu",
@@ -34789,7 +34767,7 @@ const ProfilePicChangeContainer = ({
34789
34767
  }) => {
34790
34768
  const {
34791
34769
  t
34792
- } = useTranslation$1("userEdit");
34770
+ } = useTranslation("userEdit");
34793
34771
 
34794
34772
  const handleUpdatePicture = async ({
34795
34773
  imageSrc,
@@ -34989,8 +34967,8 @@ const ProfilePicChangeButton = ({
34989
34967
  } = React.useContext(store$3);
34990
34968
  const {
34991
34969
  t
34992
- } = useTranslation$1("userEdit");
34993
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
34970
+ } = useTranslation("userEdit");
34971
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
34994
34972
  onClick: () => {
34995
34973
  dispatch({
34996
34974
  type: HANDLE_USER_UPDATE
@@ -36399,7 +36377,7 @@ const ProfilePicChangeZoom = ({
36399
36377
  } = React.useContext(store$3);
36400
36378
  const {
36401
36379
  t
36402
- } = useTranslation$1("userEdit");
36380
+ } = useTranslation("userEdit");
36403
36381
  return /*#__PURE__*/React__default['default'].createElement("div", {
36404
36382
  className: `plc-flex plc-flex-col plc-items-center ${className}`
36405
36383
  }, /*#__PURE__*/React__default['default'].createElement("label", {
@@ -36451,7 +36429,7 @@ const ProfilePicChangeSelectButton = ({
36451
36429
  } = React.useContext(store$3);
36452
36430
  const {
36453
36431
  t
36454
- } = useTranslation$1("userEdit");
36432
+ } = useTranslation("userEdit");
36455
36433
 
36456
36434
  const browseFiles = () => {
36457
36435
  const fileInput = document.getElementById("pelcro-profile-picture-selector");
@@ -36462,7 +36440,7 @@ const ProfilePicChangeSelectButton = ({
36462
36440
  }
36463
36441
  };
36464
36442
 
36465
- return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
36443
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
36466
36444
  icon: /*#__PURE__*/React__default['default'].createElement(SvgPhotograph, null),
36467
36445
  disabled: isSubmitting,
36468
36446
  onClick: browseFiles,
@@ -36493,8 +36471,8 @@ const ProfilePicChangeRemoveButton = ({
36493
36471
  } = React.useContext(store$3);
36494
36472
  const {
36495
36473
  t
36496
- } = useTranslation$1("userEdit");
36497
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
36474
+ } = useTranslation("userEdit");
36475
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
36498
36476
  icon: /*#__PURE__*/React__default['default'].createElement(SvgXIcon, {
36499
36477
  className: "plc-h-6 plc-w-6"
36500
36478
  }),
@@ -36516,7 +36494,7 @@ const ProfilePicChangeWrapper = () => {
36516
36494
  } = React.useContext(store$3);
36517
36495
  const {
36518
36496
  t
36519
- } = useTranslation$1("userEdit");
36497
+ } = useTranslation("userEdit");
36520
36498
  const currentProfilePicture = window.Pelcro.user.read().profile_photo;
36521
36499
  return imageSrc ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ProfilePicChangeCropper, null), /*#__PURE__*/React__default['default'].createElement(ProfilePicChangeZoom, {
36522
36500
  className: "plc-mt-4 plc-mb-4"
@@ -36562,12 +36540,12 @@ function ProfilePicChangeModal({
36562
36540
  }) {
36563
36541
  const {
36564
36542
  t
36565
- } = useTranslation$1("userEdit");
36543
+ } = useTranslation("userEdit");
36566
36544
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
36567
36545
  id: "pelcro-profile-picture-modal",
36568
36546
  onDisplay: onDisplay,
36569
36547
  onClose: onClose
36570
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
36548
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
36571
36549
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
36572
36550
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
36573
36551
  className: "plc-text-2xl plc-font-semibold"
@@ -36597,7 +36575,7 @@ const EmailVerifyContainer = ({
36597
36575
  }) => {
36598
36576
  const {
36599
36577
  t
36600
- } = useTranslation$1("verifyEmail");
36578
+ } = useTranslation("verifyEmail");
36601
36579
 
36602
36580
  const submit = () => {
36603
36581
  window.Pelcro.user.resendEmailVerification((err, res) => {
@@ -36679,8 +36657,8 @@ const EmailVerifyResendButton = ({
36679
36657
  } = React.useContext(store$2);
36680
36658
  const {
36681
36659
  t
36682
- } = useTranslation$1("verifyEmail");
36683
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
36660
+ } = useTranslation("verifyEmail");
36661
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
36684
36662
  onClick: () => {
36685
36663
  dispatch({
36686
36664
  type: HANDLE_SUBMIT
@@ -36696,7 +36674,7 @@ const EmailVerifyView = props => {
36696
36674
 
36697
36675
  const {
36698
36676
  t
36699
- } = useTranslation$1("verifyEmail");
36677
+ } = useTranslation("verifyEmail");
36700
36678
  return /*#__PURE__*/React__default['default'].createElement("div", {
36701
36679
  id: "pelcro-email-verify-view"
36702
36680
  }, /*#__PURE__*/React__default['default'].createElement("form", {
@@ -36725,12 +36703,12 @@ const EmailVerifyModal = ({
36725
36703
  }) => {
36726
36704
  const {
36727
36705
  t
36728
- } = useTranslation$1("verifyEmail");
36706
+ } = useTranslation("verifyEmail");
36729
36707
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
36730
36708
  onDisplay: onDisplay,
36731
36709
  onClose: onClose,
36732
36710
  id: "pelcro-email-verify-modal"
36733
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
36711
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
36734
36712
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
36735
36713
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
36736
36714
  className: "plc-text-2xl plc-font-semibold"
@@ -36866,7 +36844,7 @@ function VerifyLinkTokenModal({
36866
36844
  }) {
36867
36845
  const {
36868
36846
  t
36869
- } = useTranslation$1("verifyLinkToken");
36847
+ } = useTranslation("verifyLinkToken");
36870
36848
  const {
36871
36849
  resetView
36872
36850
  } = usePelcro();
@@ -36883,7 +36861,7 @@ function VerifyLinkTokenModal({
36883
36861
  id: "pelcro-login-modal",
36884
36862
  onDisplay: onDisplay,
36885
36863
  onClose: onClose
36886
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
36864
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
36887
36865
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
36888
36866
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
36889
36867
  className: "plc-text-2xl plc-font-semibold "
@@ -36921,7 +36899,7 @@ const InvoicePaymentModal = ({
36921
36899
  } = usePelcro();
36922
36900
  const {
36923
36901
  t
36924
- } = useTranslation$1("payment");
36902
+ } = useTranslation("payment");
36925
36903
 
36926
36904
  const onSuccess = () => {
36927
36905
  var _otherProps$onSuccess;
@@ -36934,7 +36912,7 @@ const InvoicePaymentModal = ({
36934
36912
  id: "pelcro-invoice-payment-modal",
36935
36913
  onDisplay: onDisplay,
36936
36914
  onClose: onClose
36937
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
36915
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
36938
36916
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
36939
36917
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
36940
36918
  className: "plc-text-2xl plc-font-semibold "
@@ -36999,7 +36977,7 @@ const InvoiceDetailsDownloadButton = ({
36999
36977
  }) => {
37000
36978
  const {
37001
36979
  t
37002
- } = useTranslation$1("invoiceDetails");
36980
+ } = useTranslation("invoiceDetails");
37003
36981
  const {
37004
36982
  invoice
37005
36983
  } = usePelcro();
@@ -37022,8 +37000,8 @@ const InvoiceDetailsPayButton = ({
37022
37000
  } = React.useContext(store);
37023
37001
  const {
37024
37002
  t
37025
- } = useTranslation$1("invoiceDetails");
37026
- return /*#__PURE__*/React__default['default'].createElement(Button$1, Object.assign({
37003
+ } = useTranslation("invoiceDetails");
37004
+ return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
37027
37005
  onClick: () => {
37028
37006
  dispatch({
37029
37007
  type: HANDLE_SUBMIT
@@ -37036,7 +37014,7 @@ const InvoiceDetailsPayButton = ({
37036
37014
  const InvoiceDetailsView = props => {
37037
37015
  const {
37038
37016
  t
37039
- } = useTranslation$1("invoiceDetails");
37017
+ } = useTranslation("invoiceDetails");
37040
37018
  const {
37041
37019
  invoice
37042
37020
  } = usePelcro();
@@ -37106,7 +37084,7 @@ const InvoiceDetailsModal = ({
37106
37084
  } = usePelcro();
37107
37085
  const {
37108
37086
  t
37109
- } = useTranslation$1("invoiceDetails");
37087
+ } = useTranslation("invoiceDetails");
37110
37088
 
37111
37089
  const onSuccess = () => {
37112
37090
  var _otherProps$onSuccess;
@@ -37119,7 +37097,7 @@ const InvoiceDetailsModal = ({
37119
37097
  onDisplay: onDisplay,
37120
37098
  onClose: onClose,
37121
37099
  id: "pelcro-invoice-details-modal"
37122
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
37100
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
37123
37101
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
37124
37102
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
37125
37103
  className: "plc-text-2xl plc-font-semibold"
@@ -37149,12 +37127,12 @@ const QrCodeModal = ({
37149
37127
  }) => {
37150
37128
  const {
37151
37129
  t
37152
- } = useTranslation$1("qr");
37130
+ } = useTranslation("qr");
37153
37131
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
37154
37132
  id: "pelcro-qrcode-create-modal",
37155
37133
  onDisplay: onDisplay,
37156
37134
  onClose: onClose
37157
- }, /*#__PURE__*/React__default['default'].createElement(ModalHeader$1, null, /*#__PURE__*/React__default['default'].createElement("div", {
37135
+ }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
37158
37136
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
37159
37137
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
37160
37138
  className: "plc-text-2xl plc-font-semibold"
@@ -37202,7 +37180,7 @@ exports.Auth0LoginButton = Auth0LoginButton;
37202
37180
  exports.Badge = Badge;
37203
37181
  exports.BankAuthenticationSuccess = BankAuthenticationSuccess;
37204
37182
  exports.BankRedirection = BankRedirection;
37205
- exports.Button = Button$1;
37183
+ exports.Button = Button;
37206
37184
  exports.CartContainer = CartContainer;
37207
37185
  exports.CartModal = CartModal;
37208
37186
  exports.CartRemoveItemButton = CartRemoveItemButton;
@@ -37265,6 +37243,7 @@ exports.MeterView = MeterView;
37265
37243
  exports.Modal = Modal;
37266
37244
  exports.ModalBody = ModalBody;
37267
37245
  exports.ModalFooter = ModalFooter;
37246
+ exports.ModalHeader = ModalHeader;
37268
37247
  exports.NewsLetter = NewsletterWithHook;
37269
37248
  exports.NewsletterUpdateButton = NewsletterUpdateButton;
37270
37249
  exports.NewsletterUpdateContainer = NewsletterUpdateContainer;