@newskit-render/my-account 7.96.2 → 7.96.3
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/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.js +19 -113
- package/dist/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.js.map +1 -1
- package/dist/cjs/Components/Sections/Form/Phone/styled.d.ts +0 -4
- package/dist/cjs/Components/Sections/Form/Phone/styled.js +5 -6
- package/dist/cjs/Components/Sections/Form/Phone/styled.js.map +1 -1
- package/dist/cjs/context/index.js +2 -17
- package/dist/cjs/context/index.js.map +1 -1
- package/dist/cjs/context/types.d.ts +0 -1
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/cjs/helpers/invoiceUtils.d.ts +0 -2
- package/dist/cjs/helpers/invoiceUtils.js +1 -33
- package/dist/cjs/helpers/invoiceUtils.js.map +1 -1
- package/dist/cjs/queries/getUserSubscription.js +1 -1
- package/dist/cjs/queries/getUserSubscription.js.map +1 -1
- package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.js +19 -110
- package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.js.map +1 -1
- package/dist/esm/Components/Sections/Form/Phone/styled.d.ts +0 -4
- package/dist/esm/Components/Sections/Form/Phone/styled.js +5 -6
- package/dist/esm/Components/Sections/Form/Phone/styled.js.map +1 -1
- package/dist/esm/context/index.js +3 -18
- package/dist/esm/context/index.js.map +1 -1
- package/dist/esm/context/types.d.ts +0 -1
- package/dist/esm/context/types.js.map +1 -1
- package/dist/esm/helpers/invoiceUtils.d.ts +0 -2
- package/dist/esm/helpers/invoiceUtils.js +0 -31
- package/dist/esm/helpers/invoiceUtils.js.map +1 -1
- package/dist/esm/queries/getUserSubscription.js +1 -1
- package/dist/esm/queries/getUserSubscription.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -33,125 +22,42 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
33
22
|
__setModuleDefault(result, mod);
|
|
34
23
|
return result;
|
|
35
24
|
};
|
|
36
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
37
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
38
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
39
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
40
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
41
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
42
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
43
|
-
});
|
|
44
|
-
};
|
|
45
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
46
|
-
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);
|
|
47
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
48
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
49
|
-
function step(op) {
|
|
50
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
51
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
52
|
-
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;
|
|
53
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
54
|
-
switch (op[0]) {
|
|
55
|
-
case 0: case 1: t = op; break;
|
|
56
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
57
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
58
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
59
|
-
default:
|
|
60
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
61
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
62
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
63
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
64
|
-
if (t[2]) _.ops.pop();
|
|
65
|
-
_.trys.pop(); continue;
|
|
66
|
-
}
|
|
67
|
-
op = body.call(thisArg, _);
|
|
68
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
69
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
73
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
74
|
-
};
|
|
75
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
76
26
|
exports.InvoiceHistoryButton = void 0;
|
|
77
27
|
var react_1 = __importStar(require("react"));
|
|
78
28
|
var newskit_1 = require("newskit");
|
|
79
29
|
var context_1 = require("../../../context");
|
|
80
30
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
81
|
-
var invoiceUtils_1 = require("../../../helpers/invoiceUtils");
|
|
82
|
-
var debounce_1 = __importDefault(require("lodash/debounce"));
|
|
83
31
|
var minPageSize = 3;
|
|
84
|
-
var maxPageSize = 12;
|
|
85
|
-
var secondPageDelimiter = 9;
|
|
86
32
|
var InvoiceHistoryButton = function (_a) {
|
|
87
|
-
var _b
|
|
33
|
+
var _b;
|
|
88
34
|
var contextName = _a.contextName, currentInvoicePageSize = _a.currentInvoicePageSize, setCurrentInvoicePageSize = _a.setCurrentInvoicePageSize, marginBlockEnd = _a.marginBlockEnd;
|
|
89
35
|
var accountContext = (0, context_1.useAccountContext)(contextName);
|
|
90
|
-
var
|
|
36
|
+
var invoiceHistory = accountContext.userData.invoiceHistory;
|
|
91
37
|
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
92
|
-
var
|
|
93
|
-
var
|
|
94
|
-
|
|
95
|
-
var
|
|
96
|
-
|
|
97
|
-
var nextPageSize
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
nextPageSize = currentInvoicePageSize + minPageSize;
|
|
109
|
-
if (nextPageSize > maxPageSize)
|
|
110
|
-
return [2 /*return*/];
|
|
111
|
-
if (nextPageSize === 6) {
|
|
112
|
-
setCurrentInvoicePageSize(nextPageSize);
|
|
113
|
-
setHasNextPage(Boolean((_a = userData === null || userData === void 0 ? void 0 : userData.invoiceHistory) === null || _a === void 0 ? void 0 : _a.page.hasNext));
|
|
114
|
-
return [2 /*return*/];
|
|
115
|
-
}
|
|
116
|
-
if (nextPageSize === maxPageSize) {
|
|
117
|
-
setCurrentInvoicePageSize(nextPageSize);
|
|
118
|
-
setIsShowLess(true);
|
|
119
|
-
return [2 /*return*/];
|
|
120
|
-
}
|
|
121
|
-
_b.label = 1;
|
|
122
|
-
case 1:
|
|
123
|
-
_b.trys.push([1, 3, , 4]);
|
|
124
|
-
querySize = nextPageSize === secondPageDelimiter ? maxPageSize : nextPageSize;
|
|
125
|
-
return [4 /*yield*/, (0, invoiceUtils_1.handleNextPageRequest)(querySize)];
|
|
126
|
-
case 2:
|
|
127
|
-
res = _b.sent();
|
|
128
|
-
if (!res.invoiceHistory)
|
|
129
|
-
return [2 /*return*/];
|
|
130
|
-
invoiceHistory = res.invoiceHistory;
|
|
131
|
-
if (nextPageSize === secondPageDelimiter &&
|
|
132
|
-
invoiceHistory.page.content.length <= secondPageDelimiter) {
|
|
133
|
-
setIsShowLess(true);
|
|
134
|
-
}
|
|
135
|
-
newUserData = userData
|
|
136
|
-
? __assign(__assign({}, userData), { invoiceHistory: invoiceHistory }) : invoiceHistory;
|
|
137
|
-
updateAccountData(__assign(__assign({}, accountContext), { userData: newUserData }));
|
|
138
|
-
setCurrentInvoicePageSize(nextPageSize);
|
|
139
|
-
return [3 /*break*/, 4];
|
|
140
|
-
case 3:
|
|
141
|
-
error_1 = _b.sent();
|
|
142
|
-
console.error('Error fetching invoice history.');
|
|
143
|
-
return [3 /*break*/, 4];
|
|
144
|
-
case 4: return [2 /*return*/];
|
|
145
|
-
}
|
|
146
|
-
});
|
|
147
|
-
}); }, 250);
|
|
38
|
+
var _c = (0, react_1.useState)(false), isShowLess = _c[0], setIsShowLess = _c[1];
|
|
39
|
+
var resultsCount = ((_b = invoiceHistory === null || invoiceHistory === void 0 ? void 0 : invoiceHistory.page) === null || _b === void 0 ? void 0 : _b.content.length) || 0;
|
|
40
|
+
var hasNextPage = Boolean(resultsCount > 3);
|
|
41
|
+
var handleMoreButtonClick = function () {
|
|
42
|
+
fireEvent((0, shared_components_1.createClickEvent)('content-list-view', 'button : invoices : more', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
|
|
43
|
+
var nextPageSize = currentInvoicePageSize + minPageSize;
|
|
44
|
+
if (nextPageSize >= resultsCount) {
|
|
45
|
+
setIsShowLess(true);
|
|
46
|
+
}
|
|
47
|
+
setCurrentInvoicePageSize(nextPageSize);
|
|
48
|
+
};
|
|
49
|
+
var handleShowLess = function () {
|
|
50
|
+
fireEvent((0, shared_components_1.createClickEvent)('content-list-view', 'button : invoices : less', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
|
|
51
|
+
setIsShowLess(false);
|
|
52
|
+
setCurrentInvoicePageSize(minPageSize);
|
|
53
|
+
};
|
|
148
54
|
return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-center", stackDistribution: "center", marginBlockEnd: marginBlockEnd }, hasNextPage && (react_1.default.createElement(newskit_1.Button, { size: "medium", overrides: {
|
|
149
55
|
stylePreset: 'buttonGroupOutlinedTransparent',
|
|
150
56
|
paddingInline: {
|
|
151
57
|
xs: 'space110',
|
|
152
58
|
sm: 'space120',
|
|
153
59
|
},
|
|
154
|
-
}, onClick: handleMoreButtonClick }, isShowLess ? 'Show less' : 'More'))));
|
|
60
|
+
}, onClick: isShowLess ? handleShowLess : handleMoreButtonClick }, isShowLess ? 'Show less' : 'More'))));
|
|
155
61
|
};
|
|
156
62
|
exports.InvoiceHistoryButton = InvoiceHistoryButton;
|
|
157
63
|
//# sourceMappingURL=InvoiceHistoryButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvoiceHistoryButton.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/InvoiceHistoryButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvoiceHistoryButton.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/InvoiceHistoryButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAA+D;AAC/D,4CAGyB;AACzB,uEAAoE;AAUpE,IAAM,WAAW,GAAG,CAAC,CAAA;AAEd,IAAM,oBAAoB,GAAwC,UAAC,EAKzE;;QAJC,WAAW,iBAAA,EACX,sBAAsB,4BAAA,EACtB,yBAAyB,+BAAA,EACzB,cAAc,oBAAA;IAEd,IAAM,cAAc,GAAG,IAAA,2BAAiB,EACtC,WAAW,CACwB,CAAA;IAEvB,IAAA,cAAc,GACxB,cAAc,wBADU,CACV;IACV,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAEpC,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,YAAY,GAAG,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,0CAAE,OAAO,CAAC,MAAM,KAAI,CAAC,CAAA;IAC9D,IAAM,WAAW,GAAG,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;IAE7C,IAAM,qBAAqB,GAAG;QAC5B,SAAS,CACP,IAAA,oCAAgB,EACd,mBAAmB,EACnB,0BAA0B,EAC1B,SAAS,EACT,SAAS,EACT,yBAAyB,EACzB,YAAY,CACb,CACF,CAAA;QAED,IAAM,YAAY,GAAG,sBAAsB,GAAG,WAAW,CAAA;QAEzD,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;YACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC;QAED,yBAAyB,CAAC,YAAY,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,IAAM,cAAc,GAAG;QACrB,SAAS,CACP,IAAA,oCAAgB,EACd,mBAAmB,EACnB,0BAA0B,EAC1B,SAAS,EACT,SAAS,EACT,yBAAyB,EACzB,YAAY,CACb,CACF,CAAA;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,yBAAyB,CAAC,WAAW,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,eAAK,IACJ,IAAI,EAAC,iBAAiB,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,cAAc,EAAE,cAAc,IAE7B,WAAW,IAAI,CACd,8BAAC,gBAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;YACT,WAAW,EAAE,gCAAgC;YAC7C,aAAa,EAAE;gBACb,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;SACF,EACD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,IAE3D,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAC3B,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA;AA/EY,QAAA,oBAAoB,wBA+EhC"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
export declare const phoneInputCSS = "\n:root {\n --PhoneInput-color--focus: #03b2cb;\n --PhoneInputInternationalIconPhone-opacity: 0.8;\n --PhoneInputInternationalIconGlobe-opacity: 0.65;\n --PhoneInputCountrySelect-marginRight: 0.35em;\n --PhoneInputCountrySelectArrow-width: 0.3em;\n --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);\n --PhoneInputCountrySelectArrow-borderWidth: 1px;\n --PhoneInputCountrySelectArrow-opacity: 0.45;\n --PhoneInputCountrySelectArrow-color: inherit;\n --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n --PhoneInputCountryFlag-aspectRatio: 1.5;\n --PhoneInputCountryFlag-height: 1em;\n --PhoneInputCountryFlag-borderWidth: 1px;\n --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);\n --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);\n}\n\n.PhoneInput {\n display: flex;\n align-items: center;\n}\n\n.PhoneInputInput {\n flex: 1;\n min-width: 0;\n}\n\n.PhoneInputCountryIcon {\n width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n height: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n width: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n\n background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n\n display: block;\n\n width: 100%;\n height: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n opacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n\n.PhoneInputCountry {\n position: relative;\n align-self: stretch;\n display: flex;\n align-items: center;\n margin-right: var(--PhoneInputCountrySelect-marginRight);\n}\n\n.PhoneInputCountrySelect {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.PhoneInputCountrySelect[disabled] {\n cursor: default;\n}\n\n.PhoneInputCountrySelectArrow {\n display: block;\n width: var(--PhoneInputCountrySelectArrow-width);\n height: var(--PhoneInputCountrySelectArrow-width);\n margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n border-style: solid;\n border-color: var(--PhoneInputCountrySelectArrow-color);\n border-top-width: 0;\n border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n border-left-width: 0;\n border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n transform: var(--PhoneInputCountrySelectArrow-transform);\n opacity: var(--PhoneInputCountrySelectArrow-opacity);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n";
|
|
2
2
|
export declare const styledInputs = "\n.PhoneInput{\n margin-bottom: 8px;\n}\n.PhoneInputInput{\n height: 48px;\n padding-left: 12px;\n padding-right: 40px;\n border-radius: 0px 8px 8px 0px;\n \n}\n.PhoneInputCountry{\n background: #FAFAFA;\n border: 1px solid #E4E4E4;\n padding: 10px;\n margin: 0px;\n border-radius: 8px 0px 0px 8px;\n border-right: none;\n}\n.PhoneInputCountryIcon{\n margin-right: 7px;\n}\n@media screen and (max-width: 480px) {\n .PhoneInput{\n width: 100%;\n }\n}\n";
|
|
3
|
-
export declare const InputIconContainer: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme;
|
|
5
|
-
as?: React.ElementType;
|
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
3
|
export declare const InputIconContainerBlock: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
8
4
|
theme?: import("@emotion/react").Theme;
|
|
9
5
|
}, {}, {}>;
|
|
@@ -4,13 +4,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.AssistiveTextWrapper = exports.IconContainer = exports.InputIconContainerBlock = exports.
|
|
7
|
+
exports.AssistiveTextWrapper = exports.IconContainer = exports.InputIconContainerBlock = exports.styledInputs = exports.phoneInputCSS = void 0;
|
|
8
8
|
var newskit_1 = require("newskit");
|
|
9
9
|
exports.phoneInputCSS = "\n:root {\n --PhoneInput-color--focus: #03b2cb;\n --PhoneInputInternationalIconPhone-opacity: 0.8;\n --PhoneInputInternationalIconGlobe-opacity: 0.65;\n --PhoneInputCountrySelect-marginRight: 0.35em;\n --PhoneInputCountrySelectArrow-width: 0.3em;\n --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);\n --PhoneInputCountrySelectArrow-borderWidth: 1px;\n --PhoneInputCountrySelectArrow-opacity: 0.45;\n --PhoneInputCountrySelectArrow-color: inherit;\n --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n --PhoneInputCountryFlag-aspectRatio: 1.5;\n --PhoneInputCountryFlag-height: 1em;\n --PhoneInputCountryFlag-borderWidth: 1px;\n --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);\n --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);\n}\n\n.PhoneInput {\n display: flex;\n align-items: center;\n}\n\n.PhoneInputInput {\n flex: 1;\n min-width: 0;\n}\n\n.PhoneInputCountryIcon {\n width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n height: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n width: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n\n background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n\n display: block;\n\n width: 100%;\n height: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n opacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n\n.PhoneInputCountry {\n position: relative;\n align-self: stretch;\n display: flex;\n align-items: center;\n margin-right: var(--PhoneInputCountrySelect-marginRight);\n}\n\n.PhoneInputCountrySelect {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.PhoneInputCountrySelect[disabled] {\n cursor: default;\n}\n\n.PhoneInputCountrySelectArrow {\n display: block;\n width: var(--PhoneInputCountrySelectArrow-width);\n height: var(--PhoneInputCountrySelectArrow-width);\n margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n border-style: solid;\n border-color: var(--PhoneInputCountrySelectArrow-color);\n border-top-width: 0;\n border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n border-left-width: 0;\n border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n transform: var(--PhoneInputCountrySelectArrow-transform);\n opacity: var(--PhoneInputCountrySelectArrow-opacity);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n";
|
|
10
10
|
exports.styledInputs = "\n.PhoneInput{\n margin-bottom: 8px;\n}\n.PhoneInputInput{\n height: 48px;\n padding-left: 12px;\n padding-right: 40px;\n border-radius: 0px 8px 8px 0px;\n \n}\n.PhoneInputCountry{\n background: #FAFAFA;\n border: 1px solid #E4E4E4;\n padding: 10px;\n margin: 0px;\n border-radius: 8px 0px 0px 8px;\n border-right: none;\n}\n.PhoneInputCountryIcon{\n margin-right: 7px;\n}\n@media screen and (max-width: 480px) {\n .PhoneInput{\n width: 100%;\n }\n}\n";
|
|
11
|
-
exports.
|
|
12
|
-
exports.
|
|
13
|
-
exports.
|
|
14
|
-
|
|
15
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
11
|
+
exports.InputIconContainerBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n ", " {\n width: 100%;\n }\n ", " {\n width: 80%;\n }\n"], ["\n position: relative;\n ", " {\n width: 100%;\n }\n ", " {\n width: 80%;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('xs'), (0, newskit_1.getMediaQueryFromTheme)('md'));
|
|
12
|
+
exports.IconContainer = newskit_1.styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n right: 10px;\n top: 37px;\n transform: translate(0, -90%);\n"], ["\n position: absolute;\n right: 10px;\n top: 37px;\n transform: translate(0, -90%);\n"])));
|
|
13
|
+
exports.AssistiveTextWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n"], ["\n position: absolute;\n"])));
|
|
14
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
16
15
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAA+D;AAElD,QAAA,aAAa,GAAG,yjHAqH5B,CAAA;AACY,QAAA,YAAY,GAAG,udA2B3B,CAAA;AAEY,QAAA,uBAAuB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,+JAAA,6BAEhD,EAA4B,+BAG5B,EAA4B,4BAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG/B;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,IAAI,8JAAA,2FAKvC,KAAA;AACY,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,8FAAA,2BAEhD,KAAA"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -69,13 +58,9 @@ var contextMap = (_a = {},
|
|
|
69
58
|
_a);
|
|
70
59
|
var AccountContextProvider = function (_a) {
|
|
71
60
|
var context = _a.context, children = _a.children, contextName = _a.contextName;
|
|
72
|
-
var
|
|
61
|
+
var c = (0, lodash_merge_1.default)({}, baseContext_1.baseContext, context);
|
|
73
62
|
var AccountContext = contextMap[contextName];
|
|
74
|
-
|
|
75
|
-
setAccountData(function (prevData) { return (__assign(__assign({}, prevData), newData)); });
|
|
76
|
-
};
|
|
77
|
-
var contextValue = __assign(__assign({}, accountData), { updateAccountData: updateAccountData });
|
|
78
|
-
return (react_1.default.createElement(AccountContext.Provider, { value: contextValue }, children));
|
|
63
|
+
return react_1.default.createElement(AccountContext.Provider, { value: c }, children);
|
|
79
64
|
};
|
|
80
65
|
exports.AccountContextProvider = AccountContextProvider;
|
|
81
66
|
var useAccountContext = function (contextName) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8DAAgC;AAChC,iCAoBgB;AAChB,6CAA+E;AA4D7E,4FA5DO,yBAAW,OA4DP;AACX,uFA7DoB,oBAAM,OA6DpB;AACN,kGA9D4B,+BAAiB,OA8D5B;AACjB,wFA/D+C,qBAAO,OA+D/C;AA7DT,IAAM,UAAU;IACd,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,oBAAoB,IAC/B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,SAAS,IACpB,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,OAAO,IAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,SAAS,IAAG,IAAA,qBAAa,EAAiC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,YAAY,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,KAAK,IAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC;IACnE,GAAC,mBAAW,CAAC,QAAQ,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;IACzE,GAAC,mBAAW,CAAC,cAAc,IACzB,IAAA,qBAAa,EAAsC,IAAI,CAAC;IAC1D,GAAC,mBAAW,CAAC,cAAc,CAAC,IAC1B,IAAA,qBAAa,EAAmC,IAAI,CAAC;IACvD,GAAC,mBAAW,CAAC,aAAa,CAAC,IAAG,IAAA,qBAAa,EACzC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAAuC,IAAI,CAAC;IAC3D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,MAAM,IAAG,IAAA,qBAAa,EAA8B,IAAI,CAAC;IACtE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;OAC7E,CAAA;AAEM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}
|
|
@@ -268,7 +268,6 @@ export interface AccountLandingPageContextOptions extends NonInteractiveContextO
|
|
|
268
268
|
};
|
|
269
269
|
};
|
|
270
270
|
tealiumContext?: TealiumEventContext;
|
|
271
|
-
updateAccountData: (data: unknown) => void;
|
|
272
271
|
}
|
|
273
272
|
export interface PaymentPageContextOptions extends BaseContextOptionsWithUserData {
|
|
274
273
|
buttonGroupProps: Partial<ButtonGroupProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AA0LA,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,2BAAX,WAAW,QAmBtB;AAqHD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AA0LA,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,2BAAX,WAAW,QAmBtB;AAqHD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAsaD,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,uCAAvB,uBAAuB,QAGlC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { ListItemType } from '@newskit-render/shared-components';
|
|
2
|
-
import { UserData } from '../pages/types';
|
|
3
2
|
export interface HandlePDFArgs extends ListItemType {
|
|
4
3
|
cpn: string;
|
|
5
4
|
}
|
|
6
5
|
export declare const openLinkWithDataUrl: (res: Response) => Promise<void>;
|
|
7
6
|
export declare const handlePDF: (item: HandlePDFArgs, isMobileApp: boolean, fireEvent?: () => void) => (event: React.MouseEvent) => Promise<void>;
|
|
8
|
-
export declare const handleNextPageRequest: (nextPageSize: number) => Promise<UserData>;
|
|
@@ -50,7 +50,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
50
50
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
51
51
|
};
|
|
52
52
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
|
-
exports.
|
|
53
|
+
exports.handlePDF = exports.openLinkWithDataUrl = void 0;
|
|
54
54
|
var api_1 = require("@newskit-render/api");
|
|
55
55
|
var cross_fetch_1 = __importDefault(require("cross-fetch"));
|
|
56
56
|
/* istanbul ignore next */
|
|
@@ -143,36 +143,4 @@ var handlePDF = function (item, isMobileApp, fireEvent) {
|
|
|
143
143
|
}); };
|
|
144
144
|
};
|
|
145
145
|
exports.handlePDF = handlePDF;
|
|
146
|
-
var handleNextPageRequest = function (nextPageSize) { return __awaiter(void 0, void 0, void 0, function () {
|
|
147
|
-
var cookie, res, error_3;
|
|
148
|
-
return __generator(this, function (_a) {
|
|
149
|
-
switch (_a.label) {
|
|
150
|
-
case 0:
|
|
151
|
-
cookie = (0, api_1.getAcsCookie)(api_1.ClientTypes.main, document === null || document === void 0 ? void 0 : document.cookie) || {};
|
|
152
|
-
_a.label = 1;
|
|
153
|
-
case 1:
|
|
154
|
-
_a.trys.push([1, 4, , 5]);
|
|
155
|
-
return [4 /*yield*/, (0, cross_fetch_1.default)('/api/account/query', {
|
|
156
|
-
method: 'POST',
|
|
157
|
-
headers: __assign({ 'Content-Type': 'application/json' }, cookie),
|
|
158
|
-
body: JSON.stringify({
|
|
159
|
-
pageSize: nextPageSize,
|
|
160
|
-
queryFragment: 'InvoiceHistory',
|
|
161
|
-
}),
|
|
162
|
-
})];
|
|
163
|
-
case 2:
|
|
164
|
-
res = _a.sent();
|
|
165
|
-
if (!res.ok) {
|
|
166
|
-
throw new Error('Error fetching invoice history');
|
|
167
|
-
}
|
|
168
|
-
return [4 /*yield*/, res.json()];
|
|
169
|
-
case 3: return [2 /*return*/, (_a.sent())];
|
|
170
|
-
case 4:
|
|
171
|
-
error_3 = _a.sent();
|
|
172
|
-
throw new Error(error_3.message);
|
|
173
|
-
case 5: return [2 /*return*/];
|
|
174
|
-
}
|
|
175
|
-
});
|
|
176
|
-
}); };
|
|
177
|
-
exports.handleNextPageRequest = handleNextPageRequest;
|
|
178
146
|
//# sourceMappingURL=invoiceUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"invoiceUtils.js","sourceRoot":"","sources":["../../../src/helpers/invoiceUtils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA+D;
|
|
1
|
+
{"version":3,"file":"invoiceUtils.js","sourceRoot":"","sources":["../../../src/helpers/invoiceUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.GET_USER_SUBSCRIPTION = void 0;
|
|
8
8
|
var client_1 = require("@apollo/client");
|
|
9
9
|
var getInvoiceHistory_1 = require("./getInvoiceHistory");
|
|
10
|
-
exports.GET_USER_SUBSCRIPTION = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n fragment UserSubscription on User {\n cpn\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n subscriptions {\n id\n startDate\n serviceCancellationDate\n isActive\n currency\n price\n type\n status\n packName\n propositionCode\n proposition {\n code\n }\n products {\n id\n packImageUrl\n }\n billingDetails {\n zipCode\n billCycleDay\n nextBillCycleDate\n paymentMethod {\n cardType\n cardNumber\n type\n expirationYear\n expirationMonth\n bankTransferAccountNumberMask\n walletType\n paypalEmail\n }\n }\n deliveryInformation\n nextVoucherBookletDueDate\n nextVoucherInsGenerationDate\n dtc\n }\n invoiceHistory(page: 1, pageSize:
|
|
10
|
+
exports.GET_USER_SUBSCRIPTION = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n fragment UserSubscription on User {\n cpn\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n subscriptions {\n id\n startDate\n serviceCancellationDate\n isActive\n currency\n price\n type\n status\n packName\n propositionCode\n proposition {\n code\n }\n products {\n id\n packImageUrl\n }\n billingDetails {\n zipCode\n billCycleDay\n nextBillCycleDate\n paymentMethod {\n cardType\n cardNumber\n type\n expirationYear\n expirationMonth\n bankTransferAccountNumberMask\n walletType\n paypalEmail\n }\n }\n deliveryInformation\n nextVoucherBookletDueDate\n nextVoucherInsGenerationDate\n dtc\n }\n invoiceHistory(page: 1, pageSize: 12) {\n ...invoiceHistoryFields\n }\n }\n"], ["\n ", "\n fragment UserSubscription on User {\n cpn\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n subscriptions {\n id\n startDate\n serviceCancellationDate\n isActive\n currency\n price\n type\n status\n packName\n propositionCode\n proposition {\n code\n }\n products {\n id\n packImageUrl\n }\n billingDetails {\n zipCode\n billCycleDay\n nextBillCycleDate\n paymentMethod {\n cardType\n cardNumber\n type\n expirationYear\n expirationMonth\n bankTransferAccountNumberMask\n walletType\n paypalEmail\n }\n }\n deliveryInformation\n nextVoucherBookletDueDate\n nextVoucherInsGenerationDate\n dtc\n }\n invoiceHistory(page: 1, pageSize: 12) {\n ...invoiceHistoryFields\n }\n }\n"])), getInvoiceHistory_1.invoiceHistoryFields);
|
|
11
11
|
var templateObject_1;
|
|
12
12
|
//# sourceMappingURL=getUserSubscription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,yDAA0D;AAE7C,QAAA,qBAAqB,OAAG,YAAG,
|
|
1
|
+
{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,yDAA0D;AAE7C,QAAA,qBAAqB,OAAG,YAAG,mmCAAA,MACpC,EAAoB,uhCAyDvB,KAzDG,wCAAoB,EAyDvB"}
|
|
@@ -1,127 +1,36 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
-
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);
|
|
23
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
-
function step(op) {
|
|
26
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
-
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;
|
|
29
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
-
switch (op[0]) {
|
|
31
|
-
case 0: case 1: t = op; break;
|
|
32
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
-
default:
|
|
36
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
-
if (t[2]) _.ops.pop();
|
|
41
|
-
_.trys.pop(); continue;
|
|
42
|
-
}
|
|
43
|
-
op = body.call(thisArg, _);
|
|
44
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
1
|
import React, { useState } from 'react';
|
|
49
2
|
import { useInstrumentation, Button, Stack } from 'newskit';
|
|
50
3
|
import { useAccountContext, } from '../../../context';
|
|
51
4
|
import { createClickEvent } from '@newskit-render/shared-components';
|
|
52
|
-
import { handleNextPageRequest } from '../../../helpers/invoiceUtils';
|
|
53
|
-
import debounce from 'lodash/debounce';
|
|
54
5
|
var minPageSize = 3;
|
|
55
|
-
var maxPageSize = 12;
|
|
56
|
-
var secondPageDelimiter = 9;
|
|
57
6
|
export var InvoiceHistoryButton = function (_a) {
|
|
58
|
-
var _b
|
|
7
|
+
var _b;
|
|
59
8
|
var contextName = _a.contextName, currentInvoicePageSize = _a.currentInvoicePageSize, setCurrentInvoicePageSize = _a.setCurrentInvoicePageSize, marginBlockEnd = _a.marginBlockEnd;
|
|
60
9
|
var accountContext = useAccountContext(contextName);
|
|
61
|
-
var
|
|
10
|
+
var invoiceHistory = accountContext.userData.invoiceHistory;
|
|
62
11
|
var fireEvent = useInstrumentation().fireEvent;
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
|
|
66
|
-
var
|
|
67
|
-
|
|
68
|
-
var nextPageSize
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
nextPageSize = currentInvoicePageSize + minPageSize;
|
|
80
|
-
if (nextPageSize > maxPageSize)
|
|
81
|
-
return [2 /*return*/];
|
|
82
|
-
if (nextPageSize === 6) {
|
|
83
|
-
setCurrentInvoicePageSize(nextPageSize);
|
|
84
|
-
setHasNextPage(Boolean((_a = userData === null || userData === void 0 ? void 0 : userData.invoiceHistory) === null || _a === void 0 ? void 0 : _a.page.hasNext));
|
|
85
|
-
return [2 /*return*/];
|
|
86
|
-
}
|
|
87
|
-
if (nextPageSize === maxPageSize) {
|
|
88
|
-
setCurrentInvoicePageSize(nextPageSize);
|
|
89
|
-
setIsShowLess(true);
|
|
90
|
-
return [2 /*return*/];
|
|
91
|
-
}
|
|
92
|
-
_b.label = 1;
|
|
93
|
-
case 1:
|
|
94
|
-
_b.trys.push([1, 3, , 4]);
|
|
95
|
-
querySize = nextPageSize === secondPageDelimiter ? maxPageSize : nextPageSize;
|
|
96
|
-
return [4 /*yield*/, handleNextPageRequest(querySize)];
|
|
97
|
-
case 2:
|
|
98
|
-
res = _b.sent();
|
|
99
|
-
if (!res.invoiceHistory)
|
|
100
|
-
return [2 /*return*/];
|
|
101
|
-
invoiceHistory = res.invoiceHistory;
|
|
102
|
-
if (nextPageSize === secondPageDelimiter &&
|
|
103
|
-
invoiceHistory.page.content.length <= secondPageDelimiter) {
|
|
104
|
-
setIsShowLess(true);
|
|
105
|
-
}
|
|
106
|
-
newUserData = userData
|
|
107
|
-
? __assign(__assign({}, userData), { invoiceHistory: invoiceHistory }) : invoiceHistory;
|
|
108
|
-
updateAccountData(__assign(__assign({}, accountContext), { userData: newUserData }));
|
|
109
|
-
setCurrentInvoicePageSize(nextPageSize);
|
|
110
|
-
return [3 /*break*/, 4];
|
|
111
|
-
case 3:
|
|
112
|
-
error_1 = _b.sent();
|
|
113
|
-
console.error('Error fetching invoice history.');
|
|
114
|
-
return [3 /*break*/, 4];
|
|
115
|
-
case 4: return [2 /*return*/];
|
|
116
|
-
}
|
|
117
|
-
});
|
|
118
|
-
}); }, 250);
|
|
12
|
+
var _c = useState(false), isShowLess = _c[0], setIsShowLess = _c[1];
|
|
13
|
+
var resultsCount = ((_b = invoiceHistory === null || invoiceHistory === void 0 ? void 0 : invoiceHistory.page) === null || _b === void 0 ? void 0 : _b.content.length) || 0;
|
|
14
|
+
var hasNextPage = Boolean(resultsCount > 3);
|
|
15
|
+
var handleMoreButtonClick = function () {
|
|
16
|
+
fireEvent(createClickEvent('content-list-view', 'button : invoices : more', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
|
|
17
|
+
var nextPageSize = currentInvoicePageSize + minPageSize;
|
|
18
|
+
if (nextPageSize >= resultsCount) {
|
|
19
|
+
setIsShowLess(true);
|
|
20
|
+
}
|
|
21
|
+
setCurrentInvoicePageSize(nextPageSize);
|
|
22
|
+
};
|
|
23
|
+
var handleShowLess = function () {
|
|
24
|
+
fireEvent(createClickEvent('content-list-view', 'button : invoices : less', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
|
|
25
|
+
setIsShowLess(false);
|
|
26
|
+
setCurrentInvoicePageSize(minPageSize);
|
|
27
|
+
};
|
|
119
28
|
return (React.createElement(Stack, { flow: "vertical-center", stackDistribution: "center", marginBlockEnd: marginBlockEnd }, hasNextPage && (React.createElement(Button, { size: "medium", overrides: {
|
|
120
29
|
stylePreset: 'buttonGroupOutlinedTransparent',
|
|
121
30
|
paddingInline: {
|
|
122
31
|
xs: 'space110',
|
|
123
32
|
sm: 'space120',
|
|
124
33
|
},
|
|
125
|
-
}, onClick: handleMoreButtonClick }, isShowLess ? 'Show less' : 'More'))));
|
|
34
|
+
}, onClick: isShowLess ? handleShowLess : handleMoreButtonClick }, isShowLess ? 'Show less' : 'More'))));
|
|
126
35
|
};
|
|
127
36
|
//# sourceMappingURL=InvoiceHistoryButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvoiceHistoryButton.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/InvoiceHistoryButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InvoiceHistoryButton.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/InvoiceHistoryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAM,MAAM,SAAS,CAAA;AAC/D,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAUpE,IAAM,WAAW,GAAG,CAAC,CAAA;AAErB,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,EAKzE;;QAJC,WAAW,iBAAA,EACX,sBAAsB,4BAAA,EACtB,yBAAyB,+BAAA,EACzB,cAAc,oBAAA;IAEd,IAAM,cAAc,GAAG,iBAAiB,CACtC,WAAW,CACwB,CAAA;IAEvB,IAAA,cAAc,GACxB,cAAc,wBADU,CACV;IACV,IAAA,SAAS,GAAK,kBAAkB,EAAE,UAAzB,CAAyB;IAEpC,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,YAAY,GAAG,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,0CAAE,OAAO,CAAC,MAAM,KAAI,CAAC,CAAA;IAC9D,IAAM,WAAW,GAAG,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;IAE7C,IAAM,qBAAqB,GAAG;QAC5B,SAAS,CACP,gBAAgB,CACd,mBAAmB,EACnB,0BAA0B,EAC1B,SAAS,EACT,SAAS,EACT,yBAAyB,EACzB,YAAY,CACb,CACF,CAAA;QAED,IAAM,YAAY,GAAG,sBAAsB,GAAG,WAAW,CAAA;QAEzD,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;YACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC;QAED,yBAAyB,CAAC,YAAY,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,IAAM,cAAc,GAAG;QACrB,SAAS,CACP,gBAAgB,CACd,mBAAmB,EACnB,0BAA0B,EAC1B,SAAS,EACT,SAAS,EACT,yBAAyB,EACzB,YAAY,CACb,CACF,CAAA;QAED,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,yBAAyB,CAAC,WAAW,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,IAAI,EAAC,iBAAiB,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,cAAc,EAAE,cAAc,IAE7B,WAAW,IAAI,CACd,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;YACT,WAAW,EAAE,gCAAgC;YAC7C,aAAa,EAAE;gBACb,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;SACF,EACD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,IAE3D,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAC3B,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
export declare const phoneInputCSS = "\n:root {\n --PhoneInput-color--focus: #03b2cb;\n --PhoneInputInternationalIconPhone-opacity: 0.8;\n --PhoneInputInternationalIconGlobe-opacity: 0.65;\n --PhoneInputCountrySelect-marginRight: 0.35em;\n --PhoneInputCountrySelectArrow-width: 0.3em;\n --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);\n --PhoneInputCountrySelectArrow-borderWidth: 1px;\n --PhoneInputCountrySelectArrow-opacity: 0.45;\n --PhoneInputCountrySelectArrow-color: inherit;\n --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n --PhoneInputCountryFlag-aspectRatio: 1.5;\n --PhoneInputCountryFlag-height: 1em;\n --PhoneInputCountryFlag-borderWidth: 1px;\n --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);\n --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);\n}\n\n.PhoneInput {\n display: flex;\n align-items: center;\n}\n\n.PhoneInputInput {\n flex: 1;\n min-width: 0;\n}\n\n.PhoneInputCountryIcon {\n width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n height: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n width: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n\n background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n\n display: block;\n\n width: 100%;\n height: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n opacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n\n.PhoneInputCountry {\n position: relative;\n align-self: stretch;\n display: flex;\n align-items: center;\n margin-right: var(--PhoneInputCountrySelect-marginRight);\n}\n\n.PhoneInputCountrySelect {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.PhoneInputCountrySelect[disabled] {\n cursor: default;\n}\n\n.PhoneInputCountrySelectArrow {\n display: block;\n width: var(--PhoneInputCountrySelectArrow-width);\n height: var(--PhoneInputCountrySelectArrow-width);\n margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n border-style: solid;\n border-color: var(--PhoneInputCountrySelectArrow-color);\n border-top-width: 0;\n border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n border-left-width: 0;\n border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n transform: var(--PhoneInputCountrySelectArrow-transform);\n opacity: var(--PhoneInputCountrySelectArrow-opacity);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n";
|
|
2
2
|
export declare const styledInputs = "\n.PhoneInput{\n margin-bottom: 8px;\n}\n.PhoneInputInput{\n height: 48px;\n padding-left: 12px;\n padding-right: 40px;\n border-radius: 0px 8px 8px 0px;\n \n}\n.PhoneInputCountry{\n background: #FAFAFA;\n border: 1px solid #E4E4E4;\n padding: 10px;\n margin: 0px;\n border-radius: 8px 0px 0px 8px;\n border-right: none;\n}\n.PhoneInputCountryIcon{\n margin-right: 7px;\n}\n@media screen and (max-width: 480px) {\n .PhoneInput{\n width: 100%;\n }\n}\n";
|
|
3
|
-
export declare const InputIconContainer: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme;
|
|
5
|
-
as?: React.ElementType;
|
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
3
|
export declare const InputIconContainerBlock: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
8
4
|
theme?: import("@emotion/react").Theme;
|
|
9
5
|
}, {}, {}>;
|
|
@@ -2,12 +2,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
import { Block, getMediaQueryFromTheme,
|
|
5
|
+
import { Block, getMediaQueryFromTheme, styled } from 'newskit';
|
|
6
6
|
export var phoneInputCSS = "\n:root {\n --PhoneInput-color--focus: #03b2cb;\n --PhoneInputInternationalIconPhone-opacity: 0.8;\n --PhoneInputInternationalIconGlobe-opacity: 0.65;\n --PhoneInputCountrySelect-marginRight: 0.35em;\n --PhoneInputCountrySelectArrow-width: 0.3em;\n --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);\n --PhoneInputCountrySelectArrow-borderWidth: 1px;\n --PhoneInputCountrySelectArrow-opacity: 0.45;\n --PhoneInputCountrySelectArrow-color: inherit;\n --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n --PhoneInputCountryFlag-aspectRatio: 1.5;\n --PhoneInputCountryFlag-height: 1em;\n --PhoneInputCountryFlag-borderWidth: 1px;\n --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);\n --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);\n}\n\n.PhoneInput {\n display: flex;\n align-items: center;\n}\n\n.PhoneInputInput {\n flex: 1;\n min-width: 0;\n}\n\n.PhoneInputCountryIcon {\n width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n height: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n width: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n\n background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n\n display: block;\n\n width: 100%;\n height: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n opacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n\n.PhoneInputCountry {\n position: relative;\n align-self: stretch;\n display: flex;\n align-items: center;\n margin-right: var(--PhoneInputCountrySelect-marginRight);\n}\n\n.PhoneInputCountrySelect {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.PhoneInputCountrySelect[disabled] {\n cursor: default;\n}\n\n.PhoneInputCountrySelectArrow {\n display: block;\n width: var(--PhoneInputCountrySelectArrow-width);\n height: var(--PhoneInputCountrySelectArrow-width);\n margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n border-style: solid;\n border-color: var(--PhoneInputCountrySelectArrow-color);\n border-top-width: 0;\n border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n border-left-width: 0;\n border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n transform: var(--PhoneInputCountrySelectArrow-transform);\n opacity: var(--PhoneInputCountrySelectArrow-opacity);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\n box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),\n inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\n opacity: 1;\n color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n";
|
|
7
7
|
export var styledInputs = "\n.PhoneInput{\n margin-bottom: 8px;\n}\n.PhoneInputInput{\n height: 48px;\n padding-left: 12px;\n padding-right: 40px;\n border-radius: 0px 8px 8px 0px;\n \n}\n.PhoneInputCountry{\n background: #FAFAFA;\n border: 1px solid #E4E4E4;\n padding: 10px;\n margin: 0px;\n border-radius: 8px 0px 0px 8px;\n border-right: none;\n}\n.PhoneInputCountryIcon{\n margin-right: 7px;\n}\n@media screen and (max-width: 480px) {\n .PhoneInput{\n width: 100%;\n }\n}\n";
|
|
8
|
-
export var
|
|
9
|
-
export var
|
|
10
|
-
export var
|
|
11
|
-
|
|
12
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
8
|
+
export var InputIconContainerBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n ", " {\n width: 100%;\n }\n ", " {\n width: 80%;\n }\n"], ["\n position: relative;\n ", " {\n width: 100%;\n }\n ", " {\n width: 80%;\n }\n"])), getMediaQueryFromTheme('xs'), getMediaQueryFromTheme('md'));
|
|
9
|
+
export var IconContainer = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n right: 10px;\n top: 37px;\n transform: translate(0, -90%);\n"], ["\n position: absolute;\n right: 10px;\n top: 37px;\n transform: translate(0, -90%);\n"])));
|
|
10
|
+
export var AssistiveTextWrapper = styled(Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n"], ["\n position: absolute;\n"])));
|
|
11
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
13
12
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE/D,MAAM,CAAC,IAAM,aAAa,GAAG,yjHAqH5B,CAAA;AACD,MAAM,CAAC,IAAM,YAAY,GAAG,udA2B3B,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,+JAAA,6BAEhD,EAA4B,+BAG5B,EAA4B,4BAG/B,KANG,sBAAsB,CAAC,IAAI,CAAC,EAG5B,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,8JAAA,2FAKvC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,8FAAA,2BAEhD,IAAA,CAAA"}
|
|
@@ -1,16 +1,5 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
var _a;
|
|
13
|
-
import React, { createContext, useContext
|
|
2
|
+
import React, { createContext, useContext } from 'react';
|
|
14
3
|
import merge from 'lodash.merge';
|
|
15
4
|
import { ContextName, } from './types';
|
|
16
5
|
import { baseContext, footer, navigationPrimary, sideNav } from './baseContext';
|
|
@@ -36,13 +25,9 @@ var contextMap = (_a = {},
|
|
|
36
25
|
_a);
|
|
37
26
|
export var AccountContextProvider = function (_a) {
|
|
38
27
|
var context = _a.context, children = _a.children, contextName = _a.contextName;
|
|
39
|
-
var
|
|
28
|
+
var c = merge({}, baseContext, context);
|
|
40
29
|
var AccountContext = contextMap[contextName];
|
|
41
|
-
|
|
42
|
-
setAccountData(function (prevData) { return (__assign(__assign({}, prevData), newData)); });
|
|
43
|
-
};
|
|
44
|
-
var contextValue = __assign(__assign({}, accountData), { updateAccountData: updateAccountData });
|
|
45
|
-
return (React.createElement(AccountContext.Provider, { value: contextValue }, children));
|
|
30
|
+
return React.createElement(AccountContext.Provider, { value: c }, children);
|
|
46
31
|
};
|
|
47
32
|
export var useAccountContext = function (contextName) {
|
|
48
33
|
return useContext(contextMap[contextName]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EAQL,WAAW,GAYZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,SAAS,IACpB,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;IACzE,GAAC,WAAW,CAAC,cAAc,IACzB,aAAa,CAAsC,IAAI,CAAC;IAC1D,GAAC,WAAW,CAAC,cAAc,CAAC,IAC1B,aAAa,CAAmC,IAAI,CAAC;IACvD,GAAC,WAAW,CAAC,aAAa,CAAC,IAAG,aAAa,CACzC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAAuC,IAAI,CAAC;IAC3D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,MAAM,IAAG,aAAa,CAA8B,IAAI,CAAC;IACtE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CAA+B,IAAI,CAAC;OAC7E,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAOL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAWR,CAAA"}
|
|
@@ -268,7 +268,6 @@ export interface AccountLandingPageContextOptions extends NonInteractiveContextO
|
|
|
268
268
|
};
|
|
269
269
|
};
|
|
270
270
|
tealiumContext?: TealiumEventContext;
|
|
271
|
-
updateAccountData: (data: unknown) => void;
|
|
272
271
|
}
|
|
273
272
|
export interface PaymentPageContextOptions extends BaseContextOptionsWithUserData {
|
|
274
273
|
buttonGroupProps: Partial<ButtonGroupProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA0LA,MAAM,CAAN,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,KAAX,WAAW,QAmBtB;AAqHD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA0LA,MAAM,CAAN,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,KAAX,WAAW,QAmBtB;AAqHD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAsaD,MAAM,CAAN,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,QAGlC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { ListItemType } from '@newskit-render/shared-components';
|
|
2
|
-
import { UserData } from '../pages/types';
|
|
3
2
|
export interface HandlePDFArgs extends ListItemType {
|
|
4
3
|
cpn: string;
|
|
5
4
|
}
|
|
6
5
|
export declare const openLinkWithDataUrl: (res: Response) => Promise<void>;
|
|
7
6
|
export declare const handlePDF: (item: HandlePDFArgs, isMobileApp: boolean, fireEvent?: () => void) => (event: React.MouseEvent) => Promise<void>;
|
|
8
|
-
export declare const handleNextPageRequest: (nextPageSize: number) => Promise<UserData>;
|
|
@@ -135,35 +135,4 @@ export var handlePDF = function (item, isMobileApp, fireEvent) {
|
|
|
135
135
|
});
|
|
136
136
|
}); };
|
|
137
137
|
};
|
|
138
|
-
export var handleNextPageRequest = function (nextPageSize) { return __awaiter(void 0, void 0, void 0, function () {
|
|
139
|
-
var cookie, res, error_3;
|
|
140
|
-
return __generator(this, function (_a) {
|
|
141
|
-
switch (_a.label) {
|
|
142
|
-
case 0:
|
|
143
|
-
cookie = getAcsCookie(ClientTypes.main, document === null || document === void 0 ? void 0 : document.cookie) || {};
|
|
144
|
-
_a.label = 1;
|
|
145
|
-
case 1:
|
|
146
|
-
_a.trys.push([1, 4, , 5]);
|
|
147
|
-
return [4 /*yield*/, fetch('/api/account/query', {
|
|
148
|
-
method: 'POST',
|
|
149
|
-
headers: __assign({ 'Content-Type': 'application/json' }, cookie),
|
|
150
|
-
body: JSON.stringify({
|
|
151
|
-
pageSize: nextPageSize,
|
|
152
|
-
queryFragment: 'InvoiceHistory',
|
|
153
|
-
}),
|
|
154
|
-
})];
|
|
155
|
-
case 2:
|
|
156
|
-
res = _a.sent();
|
|
157
|
-
if (!res.ok) {
|
|
158
|
-
throw new Error('Error fetching invoice history');
|
|
159
|
-
}
|
|
160
|
-
return [4 /*yield*/, res.json()];
|
|
161
|
-
case 3: return [2 /*return*/, (_a.sent())];
|
|
162
|
-
case 4:
|
|
163
|
-
error_3 = _a.sent();
|
|
164
|
-
throw new Error(error_3.message);
|
|
165
|
-
case 5: return [2 /*return*/];
|
|
166
|
-
}
|
|
167
|
-
});
|
|
168
|
-
}); };
|
|
169
138
|
//# sourceMappingURL=invoiceUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"invoiceUtils.js","sourceRoot":"","sources":["../../../src/helpers/invoiceUtils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"invoiceUtils.js","sourceRoot":"","sources":["../../../src/helpers/invoiceUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import { gql } from '@apollo/client';
|
|
6
6
|
import { invoiceHistoryFields } from './getInvoiceHistory';
|
|
7
|
-
export var GET_USER_SUBSCRIPTION = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n fragment UserSubscription on User {\n cpn\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n subscriptions {\n id\n startDate\n serviceCancellationDate\n isActive\n currency\n price\n type\n status\n packName\n propositionCode\n proposition {\n code\n }\n products {\n id\n packImageUrl\n }\n billingDetails {\n zipCode\n billCycleDay\n nextBillCycleDate\n paymentMethod {\n cardType\n cardNumber\n type\n expirationYear\n expirationMonth\n bankTransferAccountNumberMask\n walletType\n paypalEmail\n }\n }\n deliveryInformation\n nextVoucherBookletDueDate\n nextVoucherInsGenerationDate\n dtc\n }\n invoiceHistory(page: 1, pageSize:
|
|
7
|
+
export var GET_USER_SUBSCRIPTION = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n fragment UserSubscription on User {\n cpn\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n subscriptions {\n id\n startDate\n serviceCancellationDate\n isActive\n currency\n price\n type\n status\n packName\n propositionCode\n proposition {\n code\n }\n products {\n id\n packImageUrl\n }\n billingDetails {\n zipCode\n billCycleDay\n nextBillCycleDate\n paymentMethod {\n cardType\n cardNumber\n type\n expirationYear\n expirationMonth\n bankTransferAccountNumberMask\n walletType\n paypalEmail\n }\n }\n deliveryInformation\n nextVoucherBookletDueDate\n nextVoucherInsGenerationDate\n dtc\n }\n invoiceHistory(page: 1, pageSize: 12) {\n ...invoiceHistoryFields\n }\n }\n"], ["\n ", "\n fragment UserSubscription on User {\n cpn\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n subscriptions {\n id\n startDate\n serviceCancellationDate\n isActive\n currency\n price\n type\n status\n packName\n propositionCode\n proposition {\n code\n }\n products {\n id\n packImageUrl\n }\n billingDetails {\n zipCode\n billCycleDay\n nextBillCycleDate\n paymentMethod {\n cardType\n cardNumber\n type\n expirationYear\n expirationMonth\n bankTransferAccountNumberMask\n walletType\n paypalEmail\n }\n }\n deliveryInformation\n nextVoucherBookletDueDate\n nextVoucherInsGenerationDate\n dtc\n }\n invoiceHistory(page: 1, pageSize: 12) {\n ...invoiceHistoryFields\n }\n }\n"])), invoiceHistoryFields);
|
|
8
8
|
var templateObject_1;
|
|
9
9
|
//# sourceMappingURL=getUserSubscription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,CAAC,IAAM,qBAAqB,GAAG,GAAG,
|
|
1
|
+
{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,CAAC,IAAM,qBAAqB,GAAG,GAAG,kmCAAA,MACpC,EAAoB,uhCAyDvB,KAzDG,oBAAoB,CAyDvB,CAAA"}
|