@stigg/react-sdk 4.4.0-beta.7 → 4.4.0-beta.8
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.
- package/dist/react-sdk.cjs.development.js +26 -18
- package/dist/react-sdk.cjs.development.js.map +1 -1
- package/dist/react-sdk.cjs.production.min.js +1 -1
- package/dist/react-sdk.cjs.production.min.js.map +1 -1
- package/dist/react-sdk.esm.js +27 -19
- package/dist/react-sdk.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/checkout/components/Button.tsx +17 -22
package/dist/react-sdk.esm.js
CHANGED
|
@@ -11,7 +11,7 @@ import moment from 'moment';
|
|
|
11
11
|
import isNil from 'lodash-es/isNil';
|
|
12
12
|
import { compact, map, isFunction, countBy, uniq, merge as merge$1, keyBy, padStart, range, partition as partition$1 } from 'lodash-es';
|
|
13
13
|
import classNames from 'classnames';
|
|
14
|
-
import { Select, OutlinedInput, MenuItem, Grid, Box as Box$1, Tooltip, tooltipClasses, Link, Divider as Divider$1, LinearProgress as LinearProgress$1, linearProgressClasses, Button as Button$2, buttonClasses, StepIcon,
|
|
14
|
+
import { Select, OutlinedInput, MenuItem, Grid, Box as Box$1, Tooltip, tooltipClasses, Link, Divider as Divider$1, LinearProgress as LinearProgress$1, linearProgressClasses, Button as Button$2, buttonClasses, StepIcon, TextField, CircularProgress, Paper, Collapse, Radio, Alert, Chip } from '@mui/material';
|
|
15
15
|
import getSymbolFromCurrency from 'currency-symbol-map';
|
|
16
16
|
import Switch from 'react-switch';
|
|
17
17
|
import Skeleton$1, { SkeletonTheme } from 'react-loading-skeleton';
|
|
@@ -7634,8 +7634,6 @@ var useChargesSort = function useChargesSort(charges) {
|
|
|
7634
7634
|
|
|
7635
7635
|
var _excluded$5 = ["variant"];
|
|
7636
7636
|
|
|
7637
|
-
var _templateObject$7, _templateObject2$2;
|
|
7638
|
-
|
|
7639
7637
|
var StyledButton$2 = /*#__PURE__*/_styled(Button$2, process.env.NODE_ENV === "production" ? {
|
|
7640
7638
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
7641
7639
|
return !prop.startsWith('$');
|
|
@@ -7647,26 +7645,36 @@ var StyledButton$2 = /*#__PURE__*/_styled(Button$2, process.env.NODE_ENV === "pr
|
|
|
7647
7645
|
},
|
|
7648
7646
|
target: "effv4rq0",
|
|
7649
7647
|
label: "StyledButton"
|
|
7650
|
-
})("border-radius:10px;text-transform:none;", function (_ref) {
|
|
7648
|
+
})("border-radius:10px;text-transform:none;background-color:", function (_ref) {
|
|
7651
7649
|
var theme = _ref.theme,
|
|
7652
7650
|
$success = _ref.$success,
|
|
7653
7651
|
$error = _ref.$error;
|
|
7654
7652
|
|
|
7655
7653
|
if ($success) {
|
|
7656
|
-
return
|
|
7654
|
+
return theme.stigg.palette.success;
|
|
7655
|
+
} else if ($error) {
|
|
7656
|
+
return theme.stigg.palette.error;
|
|
7657
7657
|
}
|
|
7658
7658
|
|
|
7659
|
-
|
|
7660
|
-
|
|
7659
|
+
return '';
|
|
7660
|
+
}, ";&:hover{background-color:", function (_ref2) {
|
|
7661
|
+
var theme = _ref2.theme,
|
|
7662
|
+
$success = _ref2.$success,
|
|
7663
|
+
$error = _ref2.$error;
|
|
7664
|
+
|
|
7665
|
+
if ($success) {
|
|
7666
|
+
return theme.stigg.palette.successDark;
|
|
7667
|
+
} else if ($error) {
|
|
7668
|
+
return theme.stigg.palette.errorDark;
|
|
7661
7669
|
}
|
|
7662
7670
|
|
|
7663
7671
|
return '';
|
|
7664
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
7672
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRytGIiwiZmlsZSI6IkJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybyc7XHJcbmltcG9ydCB7IEJ1dHRvbiBhcyBNdWlCdXR0b24gfSBmcm9tICdAbXVpL21hdGVyaWFsJztcclxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKE11aUJ1dHRvbiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wLnN0YXJ0c1dpdGgoJyQnKSB9KSBgXG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsICRzdWNjZXNzLCAkZXJyb3IgfSkgPT4ge1xyXG4gICAgaWYgKCRzdWNjZXNzKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoZW1lLnN0aWdnLnBhbGV0dGUuc3VjY2VzcztcclxuICAgIH1cclxuICAgIGVsc2UgaWYgKCRlcnJvcikge1xyXG4gICAgICAgIHJldHVybiB0aGVtZS5zdGlnZy5wYWxldHRlLmVycm9yO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuICcnO1xyXG59fTtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCAkc3VjY2VzcywgJGVycm9yIH0pID0+IHtcclxuICAgIGlmICgkc3VjY2Vzcykge1xyXG4gICAgICAgIHJldHVybiB0aGVtZS5zdGlnZy5wYWxldHRlLnN1Y2Nlc3NEYXJrO1xyXG4gICAgfVxyXG4gICAgZWxzZSBpZiAoJGVycm9yKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoZW1lLnN0aWdnLnBhbGV0dGUuZXJyb3JEYXJrO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuICcnO1xyXG59fTtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9ICh7IHZhcmlhbnQgPSAnb3V0bGluZWQnLCAuLi5wcm9wcyB9KSA9PiB7XHJcbiAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRCdXR0b24sIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiB2YXJpYW50IH0sIHByb3BzKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUJ1dHRvbi5qcy5tYXAiXX0= */"));
|
|
7665
7673
|
|
|
7666
|
-
var Button = function Button(
|
|
7667
|
-
var
|
|
7668
|
-
variant =
|
|
7669
|
-
props = _objectWithoutPropertiesLoose(
|
|
7674
|
+
var Button = function Button(_ref3) {
|
|
7675
|
+
var _ref3$variant = _ref3.variant,
|
|
7676
|
+
variant = _ref3$variant === void 0 ? 'outlined' : _ref3$variant,
|
|
7677
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded$5);
|
|
7670
7678
|
|
|
7671
7679
|
return React__default.createElement(StyledButton$2, Object.assign({
|
|
7672
7680
|
variant: variant
|
|
@@ -12769,15 +12777,15 @@ function CheckoutAddonsStep() {
|
|
|
12769
12777
|
}));
|
|
12770
12778
|
}
|
|
12771
12779
|
|
|
12772
|
-
var _templateObject$
|
|
12773
|
-
var PaymentMethodContainer = /*#__PURE__*/styled$1(Grid)(_templateObject$
|
|
12780
|
+
var _templateObject$7, _templateObject2$2, _templateObject3$2, _templateObject4;
|
|
12781
|
+
var PaymentMethodContainer = /*#__PURE__*/styled$1(Grid)(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n border-radius: 10px;\n border: 1px solid ", ";\n cursor: ", ";\n"])), function (_ref) {
|
|
12774
12782
|
var theme = _ref.theme;
|
|
12775
12783
|
return theme.stigg.palette.outlinedBorder;
|
|
12776
12784
|
}, function (_ref2) {
|
|
12777
12785
|
var $disabled = _ref2.$disabled;
|
|
12778
12786
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
12779
12787
|
});
|
|
12780
|
-
var NewPaymentMethodContainer = /*#__PURE__*/styled$1(PaymentMethodContainer)(_templateObject2$
|
|
12788
|
+
var NewPaymentMethodContainer = /*#__PURE__*/styled$1(PaymentMethodContainer)(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex-direction: column;\n align-items: unset;\n"])));
|
|
12781
12789
|
var PaymentMethodLayoutContainer = /*#__PURE__*/styled$1(Grid)(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex: 1;\n gap: 12px;\n"])));
|
|
12782
12790
|
var PaymentMethodTextContainer = /*#__PURE__*/styled$1(Grid)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
12783
12791
|
|
|
@@ -12857,8 +12865,8 @@ function NewPaymentMethod(_ref3) {
|
|
|
12857
12865
|
})));
|
|
12858
12866
|
}
|
|
12859
12867
|
|
|
12860
|
-
var _templateObject$
|
|
12861
|
-
var PaymentContainer = /*#__PURE__*/styled$1(Grid)(_templateObject$
|
|
12868
|
+
var _templateObject$8;
|
|
12869
|
+
var PaymentContainer = /*#__PURE__*/styled$1(Grid)(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 24px;\n margin: 32px 0;\n"])));
|
|
12862
12870
|
function PaymentStep(_ref) {
|
|
12863
12871
|
var onBillingAddressChange = _ref.onBillingAddressChange;
|
|
12864
12872
|
|
|
@@ -13079,8 +13087,8 @@ var BillingPeriodPicker$1 = function BillingPeriodPicker(_ref2) {
|
|
|
13079
13087
|
})));
|
|
13080
13088
|
};
|
|
13081
13089
|
|
|
13082
|
-
var _templateObject$
|
|
13083
|
-
var StyledPlanCharge = /*#__PURE__*/styled$1.div(_templateObject$
|
|
13090
|
+
var _templateObject$9;
|
|
13091
|
+
var StyledPlanCharge = /*#__PURE__*/styled$1.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n min-height: 60px;\n margin-top: 16px;\n"])));
|
|
13084
13092
|
function PlanCharge(_ref) {
|
|
13085
13093
|
var _charge$feature, _charge$feature2, _charge$feature3;
|
|
13086
13094
|
|