@newskit-render/my-account 7.151.1-99c829b9f.0 → 7.151.1-cd5c2d6b0.4

package/dist/cjs/Components/Sections/Form/Payment/Stripe/index.js

@@ -0,0 +1,271 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_stripe_js_1 = require("@stripe/react-stripe-js");
+var pure_1 = require("@stripe/stripe-js/pure");
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var onFormSubmit_1 = __importDefault(require("../../onFormSubmit"));
+var router_1 = require("next/router");
+var context_1 = require("../../../../../context");
+var types_1 = require("../../../../../context/types");
+var config_1 = require("../../../../../config");
+var PaymentElements = function (_a) {
+    var _b, _c;
+    var buttonGroupProps = _a.buttonGroupProps, theme = _a.theme, baseUrl = _a.baseUrl;
+    var contextName = types_1.ContextName.payment;
+    var stripe = (0, react_stripe_js_1.useStripe)();
+    var elements = (0, react_stripe_js_1.useElements)();
+    var router = (0, router_1.useRouter)();
+    var nameInput = (0, react_1.useRef)(null);
+    var cardNumberRef = (0, react_1.useRef)(null);
+    var cardExpiryRef = (0, react_1.useRef)(null);
+    var cardCVCRef = (0, react_1.useRef)(null);
+    var expiryCaption = 'Date format: MM/YY';
+    var cvcCaption = 'Last 3 digits on the back or 4 on the front of your card';
+    var _d = (0, context_1.useAccountContext)(contextName), handleError = _d.handleError, handleSuccess = _d.handleSuccess, handleLoading = _d.handleLoading, errorMessages = _d.errorMessages, genericErrorMessage = _d.genericErrorMessage;
+    var _e = (0, react_1.useState)(false), loading = _e[0], setLoading = _e[1];
+    var handleTextChange = function (ref, event, successMessage) {
+        if (event.error && ref.current) {
+            ref.current.textContent = event.error.message;
+            ref.current.style.color = theme.colors.red070;
+        }
+        else if (ref.current) {
+            ref.current.textContent = successMessage;
+            ref.current.style.color = theme.colors.neutral080;
+        }
+    };
+    var handleChangeElement = function (event) {
+        switch (event.elementType) {
+            case 'cardNumber':
+                return handleTextChange(cardNumberRef, event, '');
+            case 'cardExpiry':
+                return handleTextChange(cardExpiryRef, event, expiryCaption);
+            case 'cardCvc':
+                return handleTextChange(cardCVCRef, event, cvcCaption);
+        }
+    };
+    var Caption = newskit_1.styled.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-bottom: 8px;\n    width: 100%;\n  "], ["\n    margin-bottom: 8px;\n    width: 100%;\n  "])));
+    var Subscript = newskit_1.styled.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    margin: 0px;\n    padding: 0px 5px;\n    margin-top: 6px;\n  "], ["\n    margin: 0px;\n    padding: 0px 5px;\n    margin-top: 6px;\n  "])));
+    var StyledInputWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: 50%;\n    :last-of-type {\n      margin-left: 16px;\n    }\n  "], ["\n    width: 50%;\n    :last-of-type {\n      margin-left: 16px;\n    }\n  "])));
+    var StyledNumberWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    min-height: 80px;\n  "], ["\n    min-height: 80px;\n  "])));
+    var StyledInputFlex = (0, newskit_1.styled)(newskit_1.Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: flex;\n    margin-bottom: 32px;\n  "], ["\n    display: flex;\n    margin-bottom: 32px;\n  "])));
+    var PaymentWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding-bottom: 224px;\n    ", " {\n      padding-bottom: 0;\n    }\n  "], ["\n    padding-bottom: 224px;\n    ", " {\n      padding-bottom: 0;\n    }\n  "])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
+    var handleFormError = function () {
+        if (handleError)
+            handleError('payment', errorMessages, genericErrorMessage);
+    };
+    var onSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var cardElement, _a, error, paymentMethod, result, parsedResult, confirmedPayment, paymentError_1;
+        var _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    e.preventDefault();
+                    if (!stripe || !elements) {
+                        // Stripe.js has not loaded yet. Make sure to disable
+                        // form submission until Stripe.js has loaded.
+                        return [2 /*return*/];
+                    }
+                    cardElement = elements.getElement(react_stripe_js_1.CardNumberElement);
+                    return [4 /*yield*/, stripe.createPaymentMethod({
+                            type: 'card',
+                            card: cardElement,
+                            billing_details: {
+                                name: (_b = nameInput.current) === null || _b === void 0 ? void 0 : _b.value,
+                            },
+                        })];
+                case 1:
+                    _a = _g.sent(), error = _a.error, paymentMethod = _a.paymentMethod;
+                    if (!error) return [3 /*break*/, 2];
+                    console.error('[error]', error);
+                    if (handleError)
+                        handleError('payment', errorMessages, genericErrorMessage, error.message);
+                    return [3 /*break*/, 13];
+                case 2:
+                    setLoading(true);
+                    if (handleLoading)
+                        handleLoading('payment', errorMessages, genericErrorMessage);
+                    return [4 /*yield*/, (0, onFormSubmit_1.default)({ paymentMethodId: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, moto: false }, 'paymentMethodId', undefined, handleFormError, handleSuccess, baseUrl)];
+                case 3:
+                    result = _g.sent();
+                    _g.label = 4;
+                case 4:
+                    _g.trys.push([4, 12, , 13]);
+                    return [4 /*yield*/, result.json()];
+                case 5:
+                    parsedResult = _g.sent();
+                    if (!((_d = (_c = parsedResult === null || parsedResult === void 0 ? void 0 : parsedResult.data) === null || _c === void 0 ? void 0 : _c.stripeUpdatePaymentMethod) === null || _d === void 0 ? void 0 : _d.clientSecret)) return [3 /*break*/, 10];
+                    return [4 /*yield*/, stripe.confirmCardSetup(parsedResult.data.stripeUpdatePaymentMethod.clientSecret, {
+                            payment_method: {
+                                card: cardElement,
+                                billing_details: {
+                                    name: (_e = nameInput.current) === null || _e === void 0 ? void 0 : _e.value,
+                                },
+                            },
+                        })];
+                case 6:
+                    confirmedPayment = _g.sent();
+                    if (!(((_f = confirmedPayment === null || confirmedPayment === void 0 ? void 0 : confirmedPayment.setupIntent) === null || _f === void 0 ? void 0 : _f.status) === 'succeeded')) return [3 /*break*/, 8];
+                    return [4 /*yield*/, (0, onFormSubmit_1.default)({
+                            paymentMethodId: confirmedPayment.setupIntent.payment_method,
+                            moto: false,
+                        }, 'paymentMethodId', undefined, handleFormError, handleSuccess, baseUrl)];
+                case 7:
+                    _g.sent();
+                    if (handleSuccess)
+                        handleSuccess();
+                    if (baseUrl)
+                        router.push("".concat(baseUrl, "/subscription-and-billing?success=payment"));
+                    return [3 /*break*/, 9];
+                case 8:
+                    if (confirmedPayment === null || confirmedPayment === void 0 ? void 0 : confirmedPayment.error) {
+                        if (handleError)
+                            handleError('payment', errorMessages, genericErrorMessage, confirmedPayment === null || confirmedPayment === void 0 ? void 0 : confirmedPayment.error.message);
+                    }
+                    _g.label = 9;
+                case 9: return [3 /*break*/, 11];
+                case 10:
+                    if (handleSuccess)
+                        handleSuccess();
+                    if (baseUrl)
+                        router.push("".concat(baseUrl, "/subscription-and-billing?success=payment"));
+                    _g.label = 11;
+                case 11: return [3 /*break*/, 13];
+                case 12:
+                    paymentError_1 = _g.sent();
+                    setLoading(false);
+                    if (handleError)
+                        handleError('payment', { error: paymentError_1.message });
+                    return [3 /*break*/, 13];
+                case 13: return [2 /*return*/];
+            }
+        });
+    }); };
+    //Remove font family from typography, because it breaks the styling
+    var typographyPreset = Object.assign({}, (_b = theme.typographyPresets) === null || _b === void 0 ? void 0 : _b.utilityBody020);
+    delete typographyPreset.fontFamily;
+    return (react_1.default.createElement(PaymentWrapper, null,
+        react_1.default.createElement("style", null, "\n        .stripe-input{\n          padding: 16px;\n          font-family: \"Noto Sans\",sans-serif;\n        }\n        .stripe-input:hover{\n          background-color: #fafafa;\n        }\n        .stripe-input.StripeElement--focus {\n          outline: -webkit-focus-ring-color auto 1px;\n\n        }\n        "),
+        react_1.default.createElement(newskit_1.FormInput, { name: "name" },
+            react_1.default.createElement(newskit_1.FormInputLabel, null, "Name on card"),
+            react_1.default.createElement(newskit_1.FormInputTextField, { ref: nameInput, "data-testid": "name", name: "name" })),
+        react_1.default.createElement(Caption, null, "Card number"),
+        react_1.default.createElement(StyledNumberWrapper, null,
+            react_1.default.createElement(react_stripe_js_1.CardNumberElement, { options: {
+                    showIcon: true,
+                }, className: 'stripe-input', onChange: handleChangeElement }),
+            react_1.default.createElement(Subscript, { ref: cardNumberRef }, " ")),
+        react_1.default.createElement(StyledInputFlex, null,
+            react_1.default.createElement(StyledInputWrapper, null,
+                react_1.default.createElement(Caption, null, "Expiry date"),
+                react_1.default.createElement(react_stripe_js_1.CardExpiryElement, { className: 'stripe-input', onChange: handleChangeElement }),
+                react_1.default.createElement(Subscript, { ref: cardExpiryRef }, expiryCaption)),
+            react_1.default.createElement(StyledInputWrapper, null,
+                react_1.default.createElement(Caption, null, "Security code"),
+                react_1.default.createElement(react_stripe_js_1.CardCvcElement, { className: 'stripe-input', onChange: handleChangeElement }),
+                react_1.default.createElement(Subscript, { ref: cardCVCRef }, cvcCaption))),
+        react_1.default.createElement(shared_components_1.ButtonGroup, __assign({}, buttonGroupProps, { primaryButton: __assign(__assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), { onClick: onSubmit, text: (_c = buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton) === null || _c === void 0 ? void 0 : _c.text }), secureFlag: true, loading: loading }))));
+};
+var Payment = function (_a) {
+    var theme = _a.theme, formProps = __rest(_a, ["theme"]);
+    if (globalThis && !globalThis.stripeMemo) {
+        pure_1.loadStripe.setLoadParameters({ advancedFraudSignals: false });
+        globalThis.stripeMemo = (0, pure_1.loadStripe)(config_1.stripeKey || 'pk_test_NF8QJSH780UFA7tLvSrFdU36002fCTkfzI');
+    }
+    return (
+    // @ts-ignore
+    react_1.default.createElement(react_stripe_js_1.Elements, { stripe: globalThis.stripeMemo },
+        react_1.default.createElement(PaymentElements, __assign({}, formProps, { theme: theme }))));
+};
+exports.default = (0, newskit_1.withTheme)(Payment);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Sections/Form/Payment/Stripe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Stripe/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+C;AAC/C,2DAOgC;AAGhC,+CAAmD;AACnD,mCASgB;AAEhB,uEAG0C;AAC1C,oEAA6C;AAC7C,sCAAmD;AACnD,kDAG+B;AAC/B,sDAA0D;AAC1D,gDAAiD;AAEjD,IAAM,eAAe,GAAkD,UAAC,EAIvE;;QAHC,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,OAAO,CAAA;IACvC,IAAM,MAAM,GAAG,IAAA,2BAAS,GAAE,CAAA;IAC1B,IAAM,QAAQ,GAAG,IAAA,6BAAW,GAAE,CAAA;IAC9B,IAAM,MAAM,GAAe,IAAA,kBAAS,GAAE,CAAA;IACtC,IAAM,SAAS,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAEvD,IAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IACpD,IAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IACpD,IAAM,UAAU,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEjD,IAAM,aAAa,GAAG,oBAAoB,CAAA;IAC1C,IAAM,UAAU,GAAG,0DAA0D,CAAA;IAEvE,IAAA,KAMF,IAAA,2BAAiB,EAAC,WAAW,CAA8B,EAL7D,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,mBAAmB,yBAC0C,CAAA;IACzD,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAM,gBAAgB,GAAG,UACvB,GAAsC,EACtC,KAAK,EACL,cAAsB;QAEtB,IAAI,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAC/B,GAAG,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;YAC7C,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAA;QAC/C,CAAC;aAAM,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACvB,GAAG,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA;YACxC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAA;QACnD,CAAC;IACH,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,UAAC,KAAK;QAChC,QAAQ,KAAK,CAAC,WAAW,EAAE,CAAC;YAC1B,KAAK,YAAY;gBACf,OAAO,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;YACnD,KAAK,YAAY;gBACf,OAAO,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,CAAA;YAC9D,KAAK,SAAS;gBACZ,OAAO,gBAAgB,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU,CAAC,CAAA;QAC1D,CAAC;IACH,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,gBAAM,CAAC,CAAC,oHAAA,iDAGvB,IAAA,CAAA;IAED,IAAM,SAAS,GAAG,gBAAM,CAAC,CAAC,wIAAA,qEAIzB,IAAA,CAAA;IAED,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,gJAAA,6EAKvC,IAAA,CAAA;IACD,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,gGAAA,6BAExC,IAAA,CAAA;IAED,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,uHAAA,oDAGpC,IAAA,CAAA;IAED,IAAM,cAAc,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,kJAAA,oCAEhC,EAA4B,yCAG/B,KAHG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;IAED,IAAM,eAAe,GAAG;QACtB,IAAI,WAAW;YAAE,WAAW,CAAC,SAAS,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAA;IAC7E,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,UACf,CAAkD;;;;;;oBAElD,CAAC,CAAC,cAAc,EAAE,CAAA;oBAElB,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;wBACzB,qDAAqD;wBACrD,8CAA8C;wBAC9C,sBAAM;oBACR,CAAC;oBAEK,WAAW,GAAG,QAAQ,CAAC,UAAU,CAAC,mCAAiB,CAAC,CAAA;oBAEzB,qBAAM,MAAM,CAAC,mBAAmB,CAAC;4BAChE,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,WAAsC;4BAC5C,eAAe,EAAE;gCACf,IAAI,EAAE,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK;6BAC/B;yBACF,CAAC,EAAA;;oBANI,KAA2B,SAM/B,EANM,KAAK,WAAA,EAAE,aAAa,mBAAA;yBAQxB,KAAK,EAAL,wBAAK;oBACP,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;oBAC/B,IAAI,WAAW;wBACb,WAAW,CACT,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,KAAK,CAAC,OAAO,CACd,CAAA;;;oBAEH,UAAU,CAAC,IAAI,CAAC,CAAA;oBAChB,IAAI,aAAa;wBACf,aAAa,CAAC,SAAS,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAA;oBAC/C,qBAAM,IAAA,sBAAY,EAC/B,EAAE,eAAe,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACnD,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,aAAa,EACb,OAAO,CACR,EAAA;;oBAPK,MAAM,GAAG,SAOd;;;;oBAGsB,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;oBAAlC,YAAY,GAAG,SAAmB;yBACpC,CAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,yBAAyB,0CAAE,YAAY,CAAA,EAA3D,yBAA2D;oBACpC,qBAAM,MAAM,CAAC,gBAAgB,CACpD,YAAY,CAAC,IAAI,CAAC,yBAAyB,CAAC,YAAY,EACxD;4BACE,cAAc,EAAE;gCACd,IAAI,EAAE,WAAsC;gCAC5C,eAAe,EAAE;oCACf,IAAI,EAAE,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK;iCAC/B;6BACF;yBACF,CACF,EAAA;;oBAVK,gBAAgB,GAAG,SAUxB;yBAEG,CAAA,CAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,0CAAE,MAAM,MAAK,WAAW,CAAA,EAArD,wBAAqD;oBACvD,qBAAM,IAAA,sBAAY,EAChB;4BACE,eAAe,EAAE,gBAAgB,CAAC,WAAW,CAAC,cAAc;4BAC5D,IAAI,EAAE,KAAK;yBACZ,EACD,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,aAAa,EACb,OAAO,CACR,EAAA;;oBAVD,SAUC,CAAA;oBACD,IAAI,aAAa;wBAAE,aAAa,EAAE,CAAA;oBAClC,IAAI,OAAO;wBACT,MAAM,CAAC,IAAI,CAAC,UAAG,OAAO,8CAA2C,CAAC,CAAA;;;oBAC/D,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAE,CAAC;wBACnC,IAAI,WAAW;4BACb,WAAW,CACT,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,CAAC,OAAO,CAChC,CAAA;oBACL,CAAC;;;;oBAED,IAAI,aAAa;wBAAE,aAAa,EAAE,CAAA;oBAClC,IAAI,OAAO;wBACT,MAAM,CAAC,IAAI,CAAC,UAAG,OAAO,8CAA2C,CAAC,CAAA;;;;;oBAGtE,UAAU,CAAC,KAAK,CAAC,CAAA;oBACjB,IAAI,WAAW;wBAAE,WAAW,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,cAAY,CAAC,OAAO,EAAE,CAAC,CAAA;;;;;SAG7E,CAAA;IAED,mEAAmE;IACnE,IAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CACpC,EAAE,EACF,MAAA,KAAK,CAAC,iBAAiB,0CAAE,cAAc,CACxC,CAAA;IACD,OAAO,gBAAgB,CAAC,UAAU,CAAA;IAElC,OAAO,CACL,8BAAC,cAAc;QACb,6CAAQ,4TAYL,CAAS;QACZ,8BAAC,mBAAS,IAAC,IAAI,EAAC,MAAM;YACpB,8BAAC,wBAAc,uBAA8B;YAC7C,8BAAC,4BAAkB,IAAC,GAAG,EAAE,SAAS,iBAAc,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,CAC3D;QAEZ,8BAAC,OAAO,sBAAsB;QAC9B,8BAAC,mBAAmB;YAClB,8BAAC,mCAAiB,IAChB,OAAO,EAAE;oBACP,QAAQ,EAAE,IAAI;iBACf,EACD,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,mBAAmB,GAC7B;YACF,8BAAC,SAAS,IAAC,GAAG,EAAE,aAAa,QAAe,CACxB;QAEtB,8BAAC,eAAe;YACd,8BAAC,kBAAkB;gBACjB,8BAAC,OAAO,sBAAsB;gBAC9B,8BAAC,mCAAiB,IAChB,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,mBAAmB,GAC7B;gBACF,8BAAC,SAAS,IAAC,GAAG,EAAE,aAAa,IAAG,aAAa,CAAa,CACvC;YAErB,8BAAC,kBAAkB;gBACjB,8BAAC,OAAO,wBAAwB;gBAChC,8BAAC,gCAAc,IACb,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,mBAAmB,GAC7B;gBACF,8BAAC,SAAS,IAAC,GAAG,EAAE,UAAU,IAAG,UAAU,CAAa,CACjC,CACL;QAElB,8BAAC,+BAAW,eACN,gBAAgB,IACpB,aAAa,wBACR,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,KAClC,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,0CAAE,IAAI,KAE7C,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,OAAO,IAChB,CACa,CAClB,CAAA;AACH,CAAC,CAAA;AAED,IAAM,OAAO,GAAkD,UAAC,EAG/D;IAFC,IAAA,KAAK,WAAA,EACF,SAAS,cAFkD,SAG/D,CADa;IAEZ,IAAI,UAAU,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QACzC,iBAAU,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAA;QAC7D,UAAU,CAAC,UAAU,GAAG,IAAA,iBAAU,EAChC,kBAAS,IAAI,4CAA4C,CAC1D,CAAA;IACH,CAAC;IAED,OAAO;IACL,aAAa;IACb,8BAAC,0BAAQ,IAAC,MAAM,EAAE,UAAU,CAAC,UAAU;QACrC,8BAAC,eAAe,eAAK,SAAS,IAAE,KAAK,EAAE,KAAK,IAAI,CACvC,CACZ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAA,mBAAS,EAAC,OAAO,CAAC,CAAA"}

package/dist/cjs/Components/Sections/Form/Payment/Zuora/Zuora.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Zuora: React.FC<{
+    paymentMethod: string;
+}>;

package/dist/cjs/Components/Sections/Form/Payment/Zuora/Zuora.js

@@ -0,0 +1,275 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Zuora = void 0;
+/* istanbul ignore file */
+var context_1 = require("../../../../../context");
+var react_1 = __importStar(require("react"));
+var router_1 = require("next/router");
+var onFormSubmit_1 = __importDefault(require("../../onFormSubmit"));
+var newskit_1 = require("newskit");
+var types_1 = require("../../../../../context/types");
+var paymentUtils_1 = require("../../../../../helpers/paymentUtils");
+var dataUtils_1 = require("../../../../../helpers/dataUtils");
+var styled_1 = require("./styled");
+var shared_components_1 = require("@newskit-render/shared-components");
+var addZuoraScript = function (onLoadCallback) {
+    var script = document.createElement('script');
+    script.setAttribute('id', 'zuoraScript');
+    script.src =
+        'https://static.zuora.com/Resources/libs/hosted/1.3.1/zuora-min.js';
+    script.async = true;
+    script.onload = function () { return onLoadCallback(); };
+    script.onerror = function () { return console.error('Zuora: Script failed to load'); };
+    document.body.appendChild(script);
+};
+var getPrepopulateFields = function (paymentMethod, paymentSupportData) {
+    var _a;
+    if (!paymentMethod)
+        return {};
+    if (paymentMethod === 'direct-debit' ||
+        (paymentMethod === 'payment' &&
+            paymentSupportData.mandateId &&
+            ((_a = paymentSupportData.mandateId) === null || _a === void 0 ? void 0 : _a.length) > 0)) {
+        var today = new Date();
+        return {
+            mandateId: paymentSupportData.mandateId,
+            mandateCreationDateDay: today.getDate(),
+            mandateCreationDateMonth: today.getMonth() + 1,
+            mandateCreationDateYear: today.getFullYear(),
+            mandateUpdateDateDay: today.getDate(),
+            mandateUpdateDateMonth: today.getMonth() + 1,
+            mandateUpdateDateYear: today.getFullYear(),
+            mandateReceivedStatus: 'Yes',
+        };
+    }
+    // paymentMethod === 'credit-card' || paymentMethod === 'payment' && paymentSupportData.mandateId === null
+    return {
+        creditCardCountry: 'GBR',
+    };
+};
+var Zuora = function (_a) {
+    var _b;
+    var paymentMethod = _a.paymentMethod;
+    var _c = (0, context_1.useAccountContext)(types_1.ContextName[(0, paymentUtils_1.getPaymentContextName)(paymentMethod)]), cancelButton = _c.cancelButton, paymentPageData = _c.paymentPageData, handleLoading = _c.handleLoading, handleError = _c.handleError, handleSuccess = _c.handleSuccess, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, zuoraCustomErrorMessages = _c.zuoraCustomErrorMessages, returnUrl = _c.returnUrl, submitEvents = _c.submitEvents;
+    if (!paymentPageData) {
+        return null;
+    }
+    var _d = paymentPageData, pageId = _d.pageId, mandateId = _d.mandateId, signature = _d.signature, key = _d.key, token = _d.token, tenantId = _d.tenantId, timestamp = _d.timestamp, url = _d.url;
+    var _e = zuoraCustomErrorMessages, creditCardHolderName = _e.creditCardHolderName, creditCardNumber = _e.creditCardNumber, cardSecurityCode = _e.cardSecurityCode, creditCardExpiration = _e.creditCardExpiration, creditCardPostalCode = _e.creditCardPostalCode, creditCardCountry = _e.creditCardCountry, unknownError = _e.unknownError;
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var router = (0, router_1.useRouter)();
+    var iframeContainerRef = (0, react_1.useRef)(null);
+    var _f = (0, react_1.useState)(false), isIFrameLoaded = _f[0], setIsIFrameLoaded = _f[1];
+    var hasCancelButton = cancelButton && cancelButton.text;
+    var errorHandler = function (type, messageMap, genericMessageMap) {
+        if (handleError)
+            handleError(type, messageMap, genericMessageMap);
+        if (submitEvents) {
+            fireEvent((0, shared_components_1.createClickEvent)(submitEvents.fail.originator, submitEvents.fail.context.event_navigation_name, undefined, undefined, submitEvents.fail.context.page_name, 'navigation', 'automated'));
+        }
+    };
+    var hostedPageCallback = function (response) { return __awaiter(void 0, void 0, void 0, function () {
+        var refId, responseSignature, responseToken, mutationObject;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!response.success) return [3 /*break*/, 2];
+                    if (handleLoading)
+                        handleLoading('pending', errorMessages, genericErrorMessage, undefined, 60000);
+                    refId = response.refId, responseSignature = response.signature, responseToken = response.token;
+                    mutationObject = {
+                        id: pageId,
+                        tenantId: tenantId,
+                        timestamp: timestamp,
+                        token: responseToken,
+                        responseSignature: responseSignature,
+                        refId: refId,
+                    };
+                    return [4 /*yield*/, (0, onFormSubmit_1.default)(mutationObject, 'zuoraPaymentMethod', router, function () {
+                            errorHandler('error', errorMessages, genericErrorMessage);
+                        }, function () {
+                            if (submitEvents) {
+                                fireEvent((0, shared_components_1.createClickEvent)(submitEvents.success.originator, submitEvents.success.context.event_navigation_name, undefined, undefined, submitEvents.success.context.page_name, 'navigation', 'automated'));
+                            }
+                            handleSuccess();
+                        }, returnUrl ? returnUrl : "".concat(baseUrl, "/subscription-and-billing"))];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    if (!response.success) {
+                        errorHandler('paymentFailure', errorMessages);
+                    }
+                    else {
+                        errorHandler('payment', errorMessages);
+                    }
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var errorMessageCallback = function (errorKey, code, message, rawGatewayInfo) {
+        var errorMessage = message;
+        if (errorKey != 'error') {
+            switch (errorKey) {
+                case 'creditCardHolderName':
+                    if (code == '001') {
+                        errorMessage = creditCardHolderName;
+                    }
+                    break;
+                case 'creditCardNumber':
+                    if (code == '001') {
+                        errorMessage = creditCardNumber.one;
+                    }
+                    if (code == '002') {
+                        errorMessage = creditCardNumber.two;
+                    }
+                    if (code == '003') {
+                        errorMessage = creditCardNumber.three;
+                    }
+                    break;
+                case 'cardSecurityCode':
+                    if (code == '001') {
+                        errorMessage = cardSecurityCode.one;
+                    }
+                    if (code == '004') {
+                        errorMessage = cardSecurityCode.four;
+                    }
+                    break;
+                case 'creditCardExpirationYear':
+                case 'creditCardExpirationMonth':
+                    if (code == '001') {
+                        errorMessage = creditCardExpiration;
+                    }
+                    break;
+                case 'creditCardPostalCode':
+                    if (code == '001') {
+                        errorMessage = creditCardPostalCode;
+                    }
+                    break;
+                case 'creditCardCountry':
+                    if (code == '001') {
+                        errorMessage = creditCardCountry;
+                    }
+                    break;
+            }
+        }
+        else {
+            if (code == 'unknown' && rawGatewayInfo) {
+                // customize error message based on the rawGatewayInfo
+                errorMessage = "".concat(rawGatewayInfo.responseCode, ": ").concat(rawGatewayInfo.responseMessage);
+            }
+            else {
+                errorMessage = unknownError;
+            }
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var anyWindow = window;
+        anyWindow.Z.sendErrorMessageToHpm(key, errorMessage);
+    };
+    var loadHostedPage = function () {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var anyWindow = window;
+        var params = {
+            tenantId: tenantId,
+            id: pageId,
+            token: token,
+            signature: signature,
+            style: 'inline',
+            key: key,
+            submitEnabled: 'true',
+            url: url,
+        };
+        var prepopulateFields = getPrepopulateFields(paymentMethod, { mandateId: mandateId });
+        anyWindow.Z.renderWithErrorHandler(params, prepopulateFields, hostedPageCallback, errorMessageCallback);
+        anyWindow.Z.setEventHandler('onloadCallback', function () {
+            setIsIFrameLoaded(true);
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        if (typeof window !== 'undefined') {
+            addZuoraScript(loadHostedPage);
+        }
+        return function () {
+            var _a;
+            (_a = document.getElementById('zuoraScript')) === null || _a === void 0 ? void 0 : _a.remove();
+        };
+    }, []);
+    return (react_1.default.createElement(newskit_1.GridLayout, { rows: '1fr auto', rowGap: { xs: 'space040', lg: 'space000' }, overrides: {
+            marginBlockEnd: {
+                xs: 'space070', //40px
+                md: 'space080', //48px
+                lg: 'space090', //64px
+            },
+        } },
+        react_1.default.createElement(styled_1.StyledIframeContainer, { id: "zuora_payment", ref: iframeContainerRef }),
+        hasCancelButton && isIFrameLoaded && (react_1.default.createElement(styled_1.StyledBackButton, { eventContext: cancelButton.eventContext, type: "standalone", href: (0, dataUtils_1.replaceBaseURL)(baseUrl, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.href), "aria-label": cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton['aria-label'], overrides: {
+                //In Figma the Cancel button is an actually button with buttonMinimalSecondary preset
+                //In code Cancel is a LinkStandalone component which does not support button style presets
+                stylePreset: (_b = cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.overrides) === null || _b === void 0 ? void 0 : _b.stylePreset,
+            } }, cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.text))));
+};
+exports.Zuora = Zuora;
+//# sourceMappingURL=Zuora.js.map

package/dist/cjs/Components/Sections/Form/Payment/Zuora/Zuora.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zuora.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/Zuora.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Sections/Form/Payment/Zuora/index.d.ts

@@ -0,0 +1,3 @@
+import { Zuora } from './Zuora';
+export * from './types';
+export default Zuora;

package/dist/cjs/Components/Sections/Form/Payment/Zuora/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Zuora_1 = require("./Zuora");
+__exportStar(require("./types"), exports);
+exports.default = Zuora_1.Zuora;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Sections/Form/Payment/Zuora/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Components/Sections/Form/Payment/Zuora/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iCAA+B;AAE/B,0CAAuB;AACvB,kBAAe,aAAK,CAAA"}

package/dist/cjs/Components/Sections/Form/Payment/Zuora/styled.d.ts

@@ -0,0 +1,12 @@
+import { MQ } from 'newskit';
+export declare const StyledIframeContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBackButton: import("@emotion/styled").StyledComponent<import("@newskit-render/shared-components").LinkProps & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    overrides?: {
+        stylePreset?: MQ<string>;
+    };
+}, {}, {}>;