@pelcro/react-pelcro-js 4.0.0-alpha.62 → 4.0.0-alpha.63

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 +29 -18
  2. package/dist/index.esm.js +29 -18
  3. package/dist/pelcro.css +8 -0
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -23885,7 +23885,9 @@ const PaymentMethodContainerWithoutStripe = ({
23885
23885
  gift_message: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.giftMessage,
23886
23886
  address_id: product.address_required ? selectedAddressId : null
23887
23887
  }, (err, res) => {
23888
- if (res.data.setup_intent) {
23888
+ var _res$data;
23889
+
23890
+ if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.setup_intent) {
23889
23891
  return confirmStripeIntentSetup(res, "subCreate");
23890
23892
  }
23891
23893
 
@@ -24086,7 +24088,7 @@ const PaymentMethodContainerWithoutStripe = ({
24086
24088
  auth_token: window.Pelcro.user.read().auth_token,
24087
24089
  token: result.paymentMethod.id
24088
24090
  }, (err, res) => {
24089
- var _res$data, _res$data$setup_inten, _res$data2, _res$data2$setup_inte;
24091
+ var _res$data2, _res$data2$setup_inte, _res$data3, _res$data3$setup_inte;
24090
24092
 
24091
24093
  if (err) {
24092
24094
  dispatch({
@@ -24107,7 +24109,7 @@ const PaymentMethodContainerWithoutStripe = ({
24107
24109
  });
24108
24110
  }
24109
24111
 
24110
- if (((_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$setup_inten = _res$data.setup_intent) === null || _res$data$setup_inten === void 0 ? void 0 : _res$data$setup_inten.status) === "requires_action" || ((_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$setup_inte = _res$data2.setup_intent) === null || _res$data2$setup_inte === void 0 ? void 0 : _res$data2$setup_inte.status) === "requires_confirmation") {
24112
+ if (((_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$setup_inte = _res$data2.setup_intent) === null || _res$data2$setup_inte === void 0 ? void 0 : _res$data2$setup_inte.status) === "requires_action" || ((_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : (_res$data3$setup_inte = _res$data3.setup_intent) === null || _res$data3$setup_inte === void 0 ? void 0 : _res$data3$setup_inte.status) === "requires_confirmation") {
24111
24113
  confirmStripeIntentSetup(res, "create");
24112
24114
  } else {
24113
24115
  dispatch({
@@ -24145,7 +24147,7 @@ const PaymentMethodContainerWithoutStripe = ({
24145
24147
  exp_year: year,
24146
24148
  is_default: isDefault
24147
24149
  }, (err, res) => {
24148
- var _res$data3, _res$data3$setup_inte, _res$data4, _res$data4$setup_inte;
24150
+ var _res$data4, _res$data4$setup_inte, _res$data5, _res$data5$setup_inte;
24149
24151
 
24150
24152
  dispatch({
24151
24153
  type: DISABLE_SUBMIT,
@@ -24167,7 +24169,7 @@ const PaymentMethodContainerWithoutStripe = ({
24167
24169
  });
24168
24170
  }
24169
24171
 
24170
- if (((_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : (_res$data3$setup_inte = _res$data3.setup_intent) === null || _res$data3$setup_inte === void 0 ? void 0 : _res$data3$setup_inte.status) === "requires_action" || ((_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : (_res$data4$setup_inte = _res$data4.setup_intent) === null || _res$data4$setup_inte === void 0 ? void 0 : _res$data4$setup_inte.status) === "requires_confirmation") {
24172
+ if (((_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : (_res$data4$setup_inte = _res$data4.setup_intent) === null || _res$data4$setup_inte === void 0 ? void 0 : _res$data4$setup_inte.status) === "requires_action" || ((_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : (_res$data5$setup_inte = _res$data5.setup_intent) === null || _res$data5$setup_inte === void 0 ? void 0 : _res$data5$setup_inte.status) === "requires_confirmation") {
24171
24173
  confirmStripeIntentSetup(res, "update");
24172
24174
  } else {
24173
24175
  dispatch({
@@ -24211,7 +24213,7 @@ const PaymentMethodContainerWithoutStripe = ({
24211
24213
  auth_token: window.Pelcro.user.read().auth_token,
24212
24214
  token: result.paymentMethod.id
24213
24215
  }, (err, res) => {
24214
- var _res$data5, _res$data5$setup_inte, _res$data6, _res$data6$setup_inte;
24216
+ var _res$data6, _res$data6$setup_inte, _res$data7, _res$data7$setup_inte;
24215
24217
 
24216
24218
  if (err) {
24217
24219
  onFailure(err);
@@ -24224,7 +24226,7 @@ const PaymentMethodContainerWithoutStripe = ({
24224
24226
  });
24225
24227
  }
24226
24228
 
24227
- if (((_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : (_res$data5$setup_inte = _res$data5.setup_intent) === null || _res$data5$setup_inte === void 0 ? void 0 : _res$data5$setup_inte.status) === "requires_action" || ((_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : (_res$data6$setup_inte = _res$data6.setup_intent) === null || _res$data6$setup_inte === void 0 ? void 0 : _res$data6$setup_inte.status) === "requires_confirmation") {
24229
+ if (((_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : (_res$data6$setup_inte = _res$data6.setup_intent) === null || _res$data6$setup_inte === void 0 ? void 0 : _res$data6$setup_inte.status) === "requires_action" || ((_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : (_res$data7$setup_inte = _res$data7.setup_intent) === null || _res$data7$setup_inte === void 0 ? void 0 : _res$data7$setup_inte.status) === "requires_confirmation") {
24228
24230
  confirmStripeIntentSetup(res, "replace", paymentMethodId);
24229
24231
  } else {
24230
24232
  setTimeout(() => {
@@ -24836,14 +24838,14 @@ const PaymentMethodContainerWithoutStripe = ({
24836
24838
  coupon_code: state === null || state === void 0 ? void 0 : state.couponCode,
24837
24839
  address_id: selectedAddressId
24838
24840
  }, (error, res) => {
24839
- var _res$data7, _res$data8;
24841
+ var _res$data8, _res$data9;
24840
24842
 
24841
24843
  if (error) {
24842
24844
  return reject(error);
24843
24845
  }
24844
24846
 
24845
- const taxAmount = (_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : _res$data7.taxes;
24846
- const totalAmountWithTax = (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : _res$data8.total;
24847
+ const taxAmount = (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : _res$data8.taxes;
24848
+ const totalAmountWithTax = (_res$data9 = res.data) === null || _res$data9 === void 0 ? void 0 : _res$data9.total;
24847
24849
  resolve({
24848
24850
  totalAmountWithTax,
24849
24851
  taxAmount
@@ -38962,6 +38964,9 @@ const DashboardContent = props => {
38962
38964
  const {
38963
38965
  t
38964
38966
  } = useTranslation("dashboard");
38967
+ const {
38968
+ dashboardLayout
38969
+ } = props;
38965
38970
  const menuRef = React.useRef(null);
38966
38971
  const user = window.Pelcro.user.read();
38967
38972
  const userHasName = user.first_name || user.last_name;
@@ -39127,15 +39132,15 @@ const DashboardContent = props => {
39127
39132
  };
39128
39133
  }, []);
39129
39134
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Transition, {
39130
- className: "plc-fixed plc-inset-y-0 plc-left-0 plc-h-full lg:plc-w-3/12 plc-w-full plc-overflow-y-auto plc-text-left plc-bg-white plc-shadow-xl plc-z-max",
39135
+ className: `plc-fixed plc-inset-y-0 plc-h-full lg:plc-w-3/12 plc-w-full plc-overflow-y-auto plc-text-left plc-bg-white plc-shadow-xl plc-z-max ${dashboardLayout == "left" ? "plc-left-0" : "plc-right-0"}`,
39131
39136
  show: isOpen,
39132
39137
  enter: "plc-transform plc-transition plc-duration-500",
39133
- enterFrom: "plc--translate-x-full",
39138
+ enterFrom: `${dashboardLayout == "left" ? "plc--translate-x-full" : "plc-translate-x-full"}`,
39134
39139
  enterTo: "plc-translate-x-0",
39135
39140
  afterEnter: initializeHideMenuHandler,
39136
39141
  leave: "plc-transform plc-transition plc-duration-500",
39137
39142
  leaveFrom: "plc-translate-x-0",
39138
- leaveTo: "plc--translate-x-full",
39143
+ leaveTo: `${dashboardLayout == "left" ? "plc--translate-x-full" : "plc-translate-x-full"}`,
39139
39144
  afterLeave: props === null || props === void 0 ? void 0 : props.onClose
39140
39145
  }, /*#__PURE__*/React__default['default'].createElement("div", {
39141
39146
  id: "pelcro-view-dashboard",
@@ -39183,7 +39188,7 @@ const DashboardContent = props => {
39183
39188
  activeDashboardLink: activeDashboardLink
39184
39189
  }))), activeDashboardLink && isOpen && /*#__PURE__*/React__default['default'].createElement("div", {
39185
39190
  id: "pelcro-view-dashboard-submenus",
39186
- className: "plc-fixed plc-inset-y-0 plc-right-0 plc-h-full lg:plc-w-9/12 plc-w-full plc-bg-gray-100 plc-z-max plc-overflow-auto"
39191
+ className: `plc-fixed plc-inset-y-0 plc-h-full lg:plc-w-9/12 plc-w-full plc-bg-gray-100 plc-z-max plc-overflow-auto ${dashboardLayout == "left" ? "plc-right-0" : "plc-left-0"}`
39187
39192
  }, activeDashboardLink === SUB_MENUS.PROFILE && /*#__PURE__*/React__default['default'].createElement(ProfileMenu, null), activeDashboardLink === SUB_MENUS.QRCODE && /*#__PURE__*/React__default['default'].createElement(QRCodeMenu, null), activeDashboardLink === SUB_MENUS.PASSWORDCHANGE && /*#__PURE__*/React__default['default'].createElement(PasswordChangeMenu, null), activeDashboardLink === SUB_MENUS.SAVED_ITEMS && /*#__PURE__*/React__default['default'].createElement(SavedItemsMenu, null), activeDashboardLink === SUB_MENUS.PAYMENT_CARDS && /*#__PURE__*/React__default['default'].createElement(PaymentCardsMenu, null), activeDashboardLink === SUB_MENUS.ADDRESSES && /*#__PURE__*/React__default['default'].createElement(AddressesMenu, null), activeDashboardLink === SUB_MENUS.SUBSCRIPTIONS && /*#__PURE__*/React__default['default'].createElement(SubscriptionsMenu, {
39188
39193
  displayProductSelect: displayProductSelect,
39189
39194
  setProductAndPlan: setProductAndPlan,
@@ -39826,7 +39831,10 @@ const DashboardInvoices = ({
39826
39831
  *
39827
39832
  */
39828
39833
 
39829
- function Dashboard(props) {
39834
+ function Dashboard({
39835
+ dashboardLayout = "left",
39836
+ ...props
39837
+ }) {
39830
39838
  React__default['default'].useEffect(() => {
39831
39839
  var _props$onDisplay;
39832
39840
 
@@ -39844,7 +39852,8 @@ function Dashboard(props) {
39844
39852
 
39845
39853
  (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
39846
39854
  resetView();
39847
- }
39855
+ },
39856
+ dashboardLayout: dashboardLayout
39848
39857
  }, props), /*#__PURE__*/React__default['default'].createElement(DashboardHeading, {
39849
39858
  title: t("labels.mySettings")
39850
39859
  }), /*#__PURE__*/React__default['default'].createElement(DashboardProfile, null), /*#__PURE__*/React__default['default'].createElement(DashboardQRCode, null), /*#__PURE__*/React__default['default'].createElement(DashboardPasswordChange, null), /*#__PURE__*/React__default['default'].createElement(DashboardSavedItems, null), /*#__PURE__*/React__default['default'].createElement(DashboardHeading, {
@@ -39856,12 +39865,14 @@ function Dashboard(props) {
39856
39865
  Dashboard.viewId = "dashboard";
39857
39866
 
39858
39867
  // The button in the lower left that shows the dashboard.
39859
- const DashboardOpenButton = () => {
39868
+ const DashboardOpenButton = ({
39869
+ layout = "left"
39870
+ }) => {
39860
39871
  const {
39861
39872
  switchView
39862
39873
  } = usePelcro();
39863
39874
  return /*#__PURE__*/React__default['default'].createElement("div", {
39864
- className: "plc-fixed plc-left-4 plc-bottom-4 pelcro-open-dashboard-btn"
39875
+ className: `plc-fixed plc-bottom-4 pelcro-open-dashboard-btn ${layout == "left" ? "plc-left-4" : "plc-right-4"}`
39865
39876
  }, /*#__PURE__*/React__default['default'].createElement("button", {
39866
39877
  className: "plc-bg-white plc-border-2 plc-rounded-full focus:plc-outline-none plc-border-primary-300 hover:plc-bg-white",
39867
39878
  name: "menu",
package/dist/index.esm.js CHANGED
@@ -23855,7 +23855,9 @@ const PaymentMethodContainerWithoutStripe = ({
23855
23855
  gift_message: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.giftMessage,
23856
23856
  address_id: product.address_required ? selectedAddressId : null
23857
23857
  }, (err, res) => {
23858
- if (res.data.setup_intent) {
23858
+ var _res$data;
23859
+
23860
+ if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.setup_intent) {
23859
23861
  return confirmStripeIntentSetup(res, "subCreate");
23860
23862
  }
23861
23863
 
@@ -24056,7 +24058,7 @@ const PaymentMethodContainerWithoutStripe = ({
24056
24058
  auth_token: window.Pelcro.user.read().auth_token,
24057
24059
  token: result.paymentMethod.id
24058
24060
  }, (err, res) => {
24059
- var _res$data, _res$data$setup_inten, _res$data2, _res$data2$setup_inte;
24061
+ var _res$data2, _res$data2$setup_inte, _res$data3, _res$data3$setup_inte;
24060
24062
 
24061
24063
  if (err) {
24062
24064
  dispatch({
@@ -24077,7 +24079,7 @@ const PaymentMethodContainerWithoutStripe = ({
24077
24079
  });
24078
24080
  }
24079
24081
 
24080
- if (((_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$setup_inten = _res$data.setup_intent) === null || _res$data$setup_inten === void 0 ? void 0 : _res$data$setup_inten.status) === "requires_action" || ((_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$setup_inte = _res$data2.setup_intent) === null || _res$data2$setup_inte === void 0 ? void 0 : _res$data2$setup_inte.status) === "requires_confirmation") {
24082
+ if (((_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$setup_inte = _res$data2.setup_intent) === null || _res$data2$setup_inte === void 0 ? void 0 : _res$data2$setup_inte.status) === "requires_action" || ((_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : (_res$data3$setup_inte = _res$data3.setup_intent) === null || _res$data3$setup_inte === void 0 ? void 0 : _res$data3$setup_inte.status) === "requires_confirmation") {
24081
24083
  confirmStripeIntentSetup(res, "create");
24082
24084
  } else {
24083
24085
  dispatch({
@@ -24115,7 +24117,7 @@ const PaymentMethodContainerWithoutStripe = ({
24115
24117
  exp_year: year,
24116
24118
  is_default: isDefault
24117
24119
  }, (err, res) => {
24118
- var _res$data3, _res$data3$setup_inte, _res$data4, _res$data4$setup_inte;
24120
+ var _res$data4, _res$data4$setup_inte, _res$data5, _res$data5$setup_inte;
24119
24121
 
24120
24122
  dispatch({
24121
24123
  type: DISABLE_SUBMIT,
@@ -24137,7 +24139,7 @@ const PaymentMethodContainerWithoutStripe = ({
24137
24139
  });
24138
24140
  }
24139
24141
 
24140
- if (((_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : (_res$data3$setup_inte = _res$data3.setup_intent) === null || _res$data3$setup_inte === void 0 ? void 0 : _res$data3$setup_inte.status) === "requires_action" || ((_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : (_res$data4$setup_inte = _res$data4.setup_intent) === null || _res$data4$setup_inte === void 0 ? void 0 : _res$data4$setup_inte.status) === "requires_confirmation") {
24142
+ if (((_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : (_res$data4$setup_inte = _res$data4.setup_intent) === null || _res$data4$setup_inte === void 0 ? void 0 : _res$data4$setup_inte.status) === "requires_action" || ((_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : (_res$data5$setup_inte = _res$data5.setup_intent) === null || _res$data5$setup_inte === void 0 ? void 0 : _res$data5$setup_inte.status) === "requires_confirmation") {
24141
24143
  confirmStripeIntentSetup(res, "update");
24142
24144
  } else {
24143
24145
  dispatch({
@@ -24181,7 +24183,7 @@ const PaymentMethodContainerWithoutStripe = ({
24181
24183
  auth_token: window.Pelcro.user.read().auth_token,
24182
24184
  token: result.paymentMethod.id
24183
24185
  }, (err, res) => {
24184
- var _res$data5, _res$data5$setup_inte, _res$data6, _res$data6$setup_inte;
24186
+ var _res$data6, _res$data6$setup_inte, _res$data7, _res$data7$setup_inte;
24185
24187
 
24186
24188
  if (err) {
24187
24189
  onFailure(err);
@@ -24194,7 +24196,7 @@ const PaymentMethodContainerWithoutStripe = ({
24194
24196
  });
24195
24197
  }
24196
24198
 
24197
- if (((_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : (_res$data5$setup_inte = _res$data5.setup_intent) === null || _res$data5$setup_inte === void 0 ? void 0 : _res$data5$setup_inte.status) === "requires_action" || ((_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : (_res$data6$setup_inte = _res$data6.setup_intent) === null || _res$data6$setup_inte === void 0 ? void 0 : _res$data6$setup_inte.status) === "requires_confirmation") {
24199
+ if (((_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : (_res$data6$setup_inte = _res$data6.setup_intent) === null || _res$data6$setup_inte === void 0 ? void 0 : _res$data6$setup_inte.status) === "requires_action" || ((_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : (_res$data7$setup_inte = _res$data7.setup_intent) === null || _res$data7$setup_inte === void 0 ? void 0 : _res$data7$setup_inte.status) === "requires_confirmation") {
24198
24200
  confirmStripeIntentSetup(res, "replace", paymentMethodId);
24199
24201
  } else {
24200
24202
  setTimeout(() => {
@@ -24806,14 +24808,14 @@ const PaymentMethodContainerWithoutStripe = ({
24806
24808
  coupon_code: state === null || state === void 0 ? void 0 : state.couponCode,
24807
24809
  address_id: selectedAddressId
24808
24810
  }, (error, res) => {
24809
- var _res$data7, _res$data8;
24811
+ var _res$data8, _res$data9;
24810
24812
 
24811
24813
  if (error) {
24812
24814
  return reject(error);
24813
24815
  }
24814
24816
 
24815
- const taxAmount = (_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : _res$data7.taxes;
24816
- const totalAmountWithTax = (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : _res$data8.total;
24817
+ const taxAmount = (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : _res$data8.taxes;
24818
+ const totalAmountWithTax = (_res$data9 = res.data) === null || _res$data9 === void 0 ? void 0 : _res$data9.total;
24817
24819
  resolve({
24818
24820
  totalAmountWithTax,
24819
24821
  taxAmount
@@ -38932,6 +38934,9 @@ const DashboardContent = props => {
38932
38934
  const {
38933
38935
  t
38934
38936
  } = useTranslation("dashboard");
38937
+ const {
38938
+ dashboardLayout
38939
+ } = props;
38935
38940
  const menuRef = useRef(null);
38936
38941
  const user = window.Pelcro.user.read();
38937
38942
  const userHasName = user.first_name || user.last_name;
@@ -39097,15 +39102,15 @@ const DashboardContent = props => {
39097
39102
  };
39098
39103
  }, []);
39099
39104
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Transition, {
39100
- className: "plc-fixed plc-inset-y-0 plc-left-0 plc-h-full lg:plc-w-3/12 plc-w-full plc-overflow-y-auto plc-text-left plc-bg-white plc-shadow-xl plc-z-max",
39105
+ className: `plc-fixed plc-inset-y-0 plc-h-full lg:plc-w-3/12 plc-w-full plc-overflow-y-auto plc-text-left plc-bg-white plc-shadow-xl plc-z-max ${dashboardLayout == "left" ? "plc-left-0" : "plc-right-0"}`,
39101
39106
  show: isOpen,
39102
39107
  enter: "plc-transform plc-transition plc-duration-500",
39103
- enterFrom: "plc--translate-x-full",
39108
+ enterFrom: `${dashboardLayout == "left" ? "plc--translate-x-full" : "plc-translate-x-full"}`,
39104
39109
  enterTo: "plc-translate-x-0",
39105
39110
  afterEnter: initializeHideMenuHandler,
39106
39111
  leave: "plc-transform plc-transition plc-duration-500",
39107
39112
  leaveFrom: "plc-translate-x-0",
39108
- leaveTo: "plc--translate-x-full",
39113
+ leaveTo: `${dashboardLayout == "left" ? "plc--translate-x-full" : "plc-translate-x-full"}`,
39109
39114
  afterLeave: props === null || props === void 0 ? void 0 : props.onClose
39110
39115
  }, /*#__PURE__*/React__default.createElement("div", {
39111
39116
  id: "pelcro-view-dashboard",
@@ -39153,7 +39158,7 @@ const DashboardContent = props => {
39153
39158
  activeDashboardLink: activeDashboardLink
39154
39159
  }))), activeDashboardLink && isOpen && /*#__PURE__*/React__default.createElement("div", {
39155
39160
  id: "pelcro-view-dashboard-submenus",
39156
- className: "plc-fixed plc-inset-y-0 plc-right-0 plc-h-full lg:plc-w-9/12 plc-w-full plc-bg-gray-100 plc-z-max plc-overflow-auto"
39161
+ className: `plc-fixed plc-inset-y-0 plc-h-full lg:plc-w-9/12 plc-w-full plc-bg-gray-100 plc-z-max plc-overflow-auto ${dashboardLayout == "left" ? "plc-right-0" : "plc-left-0"}`
39157
39162
  }, activeDashboardLink === SUB_MENUS.PROFILE && /*#__PURE__*/React__default.createElement(ProfileMenu, null), activeDashboardLink === SUB_MENUS.QRCODE && /*#__PURE__*/React__default.createElement(QRCodeMenu, null), activeDashboardLink === SUB_MENUS.PASSWORDCHANGE && /*#__PURE__*/React__default.createElement(PasswordChangeMenu, null), activeDashboardLink === SUB_MENUS.SAVED_ITEMS && /*#__PURE__*/React__default.createElement(SavedItemsMenu, null), activeDashboardLink === SUB_MENUS.PAYMENT_CARDS && /*#__PURE__*/React__default.createElement(PaymentCardsMenu, null), activeDashboardLink === SUB_MENUS.ADDRESSES && /*#__PURE__*/React__default.createElement(AddressesMenu, null), activeDashboardLink === SUB_MENUS.SUBSCRIPTIONS && /*#__PURE__*/React__default.createElement(SubscriptionsMenu, {
39158
39163
  displayProductSelect: displayProductSelect,
39159
39164
  setProductAndPlan: setProductAndPlan,
@@ -39796,7 +39801,10 @@ const DashboardInvoices = ({
39796
39801
  *
39797
39802
  */
39798
39803
 
39799
- function Dashboard(props) {
39804
+ function Dashboard({
39805
+ dashboardLayout = "left",
39806
+ ...props
39807
+ }) {
39800
39808
  React__default.useEffect(() => {
39801
39809
  var _props$onDisplay;
39802
39810
 
@@ -39814,7 +39822,8 @@ function Dashboard(props) {
39814
39822
 
39815
39823
  (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
39816
39824
  resetView();
39817
- }
39825
+ },
39826
+ dashboardLayout: dashboardLayout
39818
39827
  }, props), /*#__PURE__*/React__default.createElement(DashboardHeading, {
39819
39828
  title: t("labels.mySettings")
39820
39829
  }), /*#__PURE__*/React__default.createElement(DashboardProfile, null), /*#__PURE__*/React__default.createElement(DashboardQRCode, null), /*#__PURE__*/React__default.createElement(DashboardPasswordChange, null), /*#__PURE__*/React__default.createElement(DashboardSavedItems, null), /*#__PURE__*/React__default.createElement(DashboardHeading, {
@@ -39826,12 +39835,14 @@ function Dashboard(props) {
39826
39835
  Dashboard.viewId = "dashboard";
39827
39836
 
39828
39837
  // The button in the lower left that shows the dashboard.
39829
- const DashboardOpenButton = () => {
39838
+ const DashboardOpenButton = ({
39839
+ layout = "left"
39840
+ }) => {
39830
39841
  const {
39831
39842
  switchView
39832
39843
  } = usePelcro();
39833
39844
  return /*#__PURE__*/React__default.createElement("div", {
39834
- className: "plc-fixed plc-left-4 plc-bottom-4 pelcro-open-dashboard-btn"
39845
+ className: `plc-fixed plc-bottom-4 pelcro-open-dashboard-btn ${layout == "left" ? "plc-left-4" : "plc-right-4"}`
39835
39846
  }, /*#__PURE__*/React__default.createElement("button", {
39836
39847
  className: "plc-bg-white plc-border-2 plc-rounded-full focus:plc-outline-none plc-border-primary-300 hover:plc-bg-white",
39837
39848
  name: "menu",
package/dist/pelcro.css CHANGED
@@ -2096,6 +2096,10 @@ apple-pay-button {
2096
2096
  right: 0.75rem;
2097
2097
  }
2098
2098
 
2099
+ .pelcro-root .plc-right-4{
2100
+ right: 1rem;
2101
+ }
2102
+
2099
2103
  .pelcro-root .plc-right-5{
2100
2104
  right: 1.25rem;
2101
2105
  }
@@ -2621,6 +2625,10 @@ apple-pay-button {
2621
2625
  --tw-translate-x: -0.25rem;
2622
2626
  }
2623
2627
 
2628
+ .pelcro-root .plc-translate-x-full{
2629
+ --tw-translate-x: 100%;
2630
+ }
2631
+
2624
2632
  .pelcro-root .plc--translate-x-full{
2625
2633
  --tw-translate-x: -100%;
2626
2634
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pelcro/react-pelcro-js",
3
3
  "description": "Pelcro's React UI Elements",
4
- "version": "4.0.0-alpha.62",
4
+ "version": "4.0.0-alpha.63",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",