@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
|
@@ -7341,34 +7341,42 @@ var useChargesSort = function useChargesSort(charges) {
|
|
|
7341
7341
|
|
|
7342
7342
|
var _excluded$5 = ["variant"];
|
|
7343
7343
|
|
|
7344
|
-
var _templateObject$7, _templateObject2$2;
|
|
7345
|
-
|
|
7346
7344
|
var StyledButton$2 = /*#__PURE__*/_styled(material.Button, {
|
|
7347
7345
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
7348
7346
|
return !prop.startsWith('$');
|
|
7349
7347
|
},
|
|
7350
7348
|
target: "effv4rq0",
|
|
7351
7349
|
label: "StyledButton"
|
|
7352
|
-
})("border-radius:10px;text-transform:none;", function (_ref) {
|
|
7350
|
+
})("border-radius:10px;text-transform:none;background-color:", function (_ref) {
|
|
7353
7351
|
var theme = _ref.theme,
|
|
7354
7352
|
$success = _ref.$success,
|
|
7355
7353
|
$error = _ref.$error;
|
|
7356
7354
|
|
|
7357
7355
|
if ($success) {
|
|
7358
|
-
return
|
|
7356
|
+
return theme.stigg.palette.success;
|
|
7357
|
+
} else if ($error) {
|
|
7358
|
+
return theme.stigg.palette.error;
|
|
7359
7359
|
}
|
|
7360
7360
|
|
|
7361
|
-
|
|
7362
|
-
|
|
7361
|
+
return '';
|
|
7362
|
+
}, ";&:hover{background-color:", function (_ref2) {
|
|
7363
|
+
var theme = _ref2.theme,
|
|
7364
|
+
$success = _ref2.$success,
|
|
7365
|
+
$error = _ref2.$error;
|
|
7366
|
+
|
|
7367
|
+
if ($success) {
|
|
7368
|
+
return theme.stigg.palette.successDark;
|
|
7369
|
+
} else if ($error) {
|
|
7370
|
+
return theme.stigg.palette.errorDark;
|
|
7363
7371
|
}
|
|
7364
7372
|
|
|
7365
7373
|
return '';
|
|
7366
|
-
}, ";" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
7374
|
+
}, ";}" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRytGIiwiZmlsZSI6IkJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZC9tYWNybyc7XHJcbmltcG9ydCB7IEJ1dHRvbiBhcyBNdWlCdXR0b24gfSBmcm9tICdAbXVpL21hdGVyaWFsJztcclxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKE11aUJ1dHRvbiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wLnN0YXJ0c1dpdGgoJyQnKSB9KSBgXG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsICRzdWNjZXNzLCAkZXJyb3IgfSkgPT4ge1xyXG4gICAgaWYgKCRzdWNjZXNzKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoZW1lLnN0aWdnLnBhbGV0dGUuc3VjY2VzcztcclxuICAgIH1cclxuICAgIGVsc2UgaWYgKCRlcnJvcikge1xyXG4gICAgICAgIHJldHVybiB0aGVtZS5zdGlnZy5wYWxldHRlLmVycm9yO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuICcnO1xyXG59fTtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCAkc3VjY2VzcywgJGVycm9yIH0pID0+IHtcclxuICAgIGlmICgkc3VjY2Vzcykge1xyXG4gICAgICAgIHJldHVybiB0aGVtZS5zdGlnZy5wYWxldHRlLnN1Y2Nlc3NEYXJrO1xyXG4gICAgfVxyXG4gICAgZWxzZSBpZiAoJGVycm9yKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoZW1lLnN0aWdnLnBhbGV0dGUuZXJyb3JEYXJrO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuICcnO1xyXG59fTtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9ICh7IHZhcmlhbnQgPSAnb3V0bGluZWQnLCAuLi5wcm9wcyB9KSA9PiB7XHJcbiAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRCdXR0b24sIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiB2YXJpYW50IH0sIHByb3BzKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUJ1dHRvbi5qcy5tYXAiXX0= */"));
|
|
7367
7375
|
|
|
7368
|
-
var Button = function Button(
|
|
7369
|
-
var
|
|
7370
|
-
variant =
|
|
7371
|
-
props = _objectWithoutPropertiesLoose(
|
|
7376
|
+
var Button = function Button(_ref3) {
|
|
7377
|
+
var _ref3$variant = _ref3.variant,
|
|
7378
|
+
variant = _ref3$variant === void 0 ? 'outlined' : _ref3$variant,
|
|
7379
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded$5);
|
|
7372
7380
|
|
|
7373
7381
|
return React__default.createElement(StyledButton$2, Object.assign({
|
|
7374
7382
|
variant: variant
|
|
@@ -12394,15 +12402,15 @@ function CheckoutAddonsStep() {
|
|
|
12394
12402
|
}));
|
|
12395
12403
|
}
|
|
12396
12404
|
|
|
12397
|
-
var _templateObject$
|
|
12398
|
-
var PaymentMethodContainer = /*#__PURE__*/styled$1(material.Grid)(_templateObject$
|
|
12405
|
+
var _templateObject$7, _templateObject2$2, _templateObject3$2, _templateObject4;
|
|
12406
|
+
var PaymentMethodContainer = /*#__PURE__*/styled$1(material.Grid)(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 8px;\n border-radius: 10px;\n border: 1px solid ", ";\n cursor: ", ";\n"])), function (_ref) {
|
|
12399
12407
|
var theme = _ref.theme;
|
|
12400
12408
|
return theme.stigg.palette.outlinedBorder;
|
|
12401
12409
|
}, function (_ref2) {
|
|
12402
12410
|
var $disabled = _ref2.$disabled;
|
|
12403
12411
|
return $disabled ? 'not-allowed' : 'pointer';
|
|
12404
12412
|
});
|
|
12405
|
-
var NewPaymentMethodContainer = /*#__PURE__*/styled$1(PaymentMethodContainer)(_templateObject2$
|
|
12413
|
+
var NewPaymentMethodContainer = /*#__PURE__*/styled$1(PaymentMethodContainer)(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex-direction: column;\n align-items: unset;\n"])));
|
|
12406
12414
|
var PaymentMethodLayoutContainer = /*#__PURE__*/styled$1(material.Grid)(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex: 1;\n gap: 12px;\n"])));
|
|
12407
12415
|
var PaymentMethodTextContainer = /*#__PURE__*/styled$1(material.Grid)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
12408
12416
|
|
|
@@ -12482,8 +12490,8 @@ function NewPaymentMethod(_ref3) {
|
|
|
12482
12490
|
})));
|
|
12483
12491
|
}
|
|
12484
12492
|
|
|
12485
|
-
var _templateObject$
|
|
12486
|
-
var PaymentContainer = /*#__PURE__*/styled$1(material.Grid)(_templateObject$
|
|
12493
|
+
var _templateObject$8;
|
|
12494
|
+
var PaymentContainer = /*#__PURE__*/styled$1(material.Grid)(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 24px;\n margin: 32px 0;\n"])));
|
|
12487
12495
|
function PaymentStep(_ref) {
|
|
12488
12496
|
var onBillingAddressChange = _ref.onBillingAddressChange;
|
|
12489
12497
|
|
|
@@ -12664,8 +12672,8 @@ var BillingPeriodPicker$1 = function BillingPeriodPicker(_ref2) {
|
|
|
12664
12672
|
})));
|
|
12665
12673
|
};
|
|
12666
12674
|
|
|
12667
|
-
var _templateObject$
|
|
12668
|
-
var StyledPlanCharge = /*#__PURE__*/styled$1.div(_templateObject$
|
|
12675
|
+
var _templateObject$9;
|
|
12676
|
+
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"])));
|
|
12669
12677
|
function PlanCharge(_ref) {
|
|
12670
12678
|
var _charge$feature, _charge$feature2, _charge$feature3;
|
|
12671
12679
|
|