@newskit-render/my-account 7.192.1 → 7.192.2-02e07176.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/Components/Elements/RetentionOffers/RetentionOffers.js +40 -14
  2. package/dist/cjs/Components/Elements/RetentionOffers/RetentionOffers.js.map +1 -1
  3. package/dist/esm/Components/Elements/RetentionOffers/RetentionOffers.js +40 -14
  4. package/dist/esm/Components/Elements/RetentionOffers/RetentionOffers.js.map +1 -1
  5. package/package.json +6 -6
package/dist/cjs/Components/Elements/RetentionOffers/RetentionOffers.js CHANGED
@@ -17,26 +17,52 @@ var OfferContainer = (0, newskit_1.styled)(newskit_1.Block)(templateObject_3 ||
17
17
  return (0, newskit_1.getColorCssFromTheme)('borderColor', isSelected ? 'interactivePrimary030' : 'interface030');
18
18
  }, (0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded020'), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interactivePrimary030'));
19
19
  var OfferContent = (0, newskit_1.styled)(newskit_1.Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), (0, newskit_1.getSpacingCssFromTheme)('paddingBlock', 'space040'), (0, newskit_1.getSpacingCssFromTheme)('paddingInline', 'space040'));
20
+ var SingleOfferContainer = (0, newskit_1.styled)(OfferContainer)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: none;\n display: block;\n padding: 0;\n text-align: left;\n position: relative;\n margin: 0;\n"], ["\n background: none;\n display: block;\n padding: 0;\n text-align: left;\n position: relative;\n margin: 0;\n"])));
21
+ var SingleOffersContainer = (0, newskit_1.styled)(OffersContainer)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-top: 2.1rem;\n"], ["\n margin-top: 2.1rem;\n"])));
22
+ var SingleOfferWrapper = (0, newskit_1.styled)(OfferWrapper)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
23
+ var SingleOfferContent = (0, newskit_1.styled)(OfferContent)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n ", "\n margin: 0;\n"], ["\n ", "\n ", "\n margin: 0;\n"])), (0, newskit_1.getSpacingCssFromTheme)('paddingBlock', 'space050'), (0, newskit_1.getSpacingCssFromTheme)('paddingInline', 'space050'));
24
+ var OfferSelectionBadge = (0, newskit_1.styled)(newskit_1.Block)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n top: -1.5rem;\n left: 1rem;\n ", "\n ", "\n font-size: 0.625rem;\n font-weight: 700;\n padding: 0.375rem 0.5rem 0.5rem 0.5rem;\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n letter-spacing: 0.03em;\n"], ["\n position: absolute;\n top: -1.5rem;\n left: 1rem;\n ", "\n ", "\n font-size: 0.625rem;\n font-weight: 700;\n padding: 0.375rem 0.5rem 0.5rem 0.5rem;\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n letter-spacing: 0.03em;\n"])), (0, newskit_1.getColorCssFromTheme)('background', 'socialFacebook'), (0, newskit_1.getColorCssFromTheme)('color', 'inkInverse'));
20
25
  var RetentionOffers = function (_a) {
21
26
  var offers = _a.offers, selectedOfferId = _a.selectedOfferId, onSelect = _a.onSelect;
27
+ var hasSingleOffer = offers.length === 1;
28
+ var singleOffer = offers[0];
22
29
  var handleOfferSelect = function (offerId) {
23
30
  onSelect(offerId);
24
31
  };
25
- return (react_1.default.createElement(OffersContainer, { "data-testid": "retention-offers" },
26
- react_1.default.createElement(newskit_1.RadioGroup, { name: "retention-offers", value: selectedOfferId, onChange: function (event) { return handleOfferSelect(event.target.value); } }, offers.map(function (offer) { return (react_1.default.createElement(OfferWrapper, { key: offer.id, marginBlockEnd: "space030" },
27
- react_1.default.createElement(OfferContainer, { isSelected: selectedOfferId === offer.id, onClick: function () { return handleOfferSelect(offer.id); }, "data-testid": "retention-offer-".concat(offer.id) },
28
- react_1.default.createElement(OfferContent, null,
29
- react_1.default.createElement(newskit_1.GridLayout, { columns: "auto 1fr auto", columnGap: "space030", alignItems: "start" },
30
- react_1.default.createElement(newskit_1.RadioButton, { value: offer.id, size: "small", overrides: {
31
- input: {
32
- spaceInline: 'space000',
33
- },
34
- }, label: "" }),
32
+ if (!hasSingleOffer) {
33
+ return (react_1.default.createElement(OffersContainer, { "data-testid": "retention-offers" },
34
+ react_1.default.createElement(newskit_1.RadioGroup, { name: "retention-offers", value: selectedOfferId, onChange: function (event) { return handleOfferSelect(event.target.value); } }, offers.map(function (offer) { return (react_1.default.createElement(OfferWrapper, { key: offer.id, marginBlockEnd: "space030" },
35
+ react_1.default.createElement(OfferContainer, { isSelected: selectedOfferId === offer.id, onClick: function () { return handleOfferSelect(offer.id); }, "data-testid": "retention-offer-".concat(offer.id) },
36
+ react_1.default.createElement(OfferContent, null,
37
+ react_1.default.createElement(newskit_1.GridLayout, { columns: "auto 1fr auto", columnGap: "space030", alignItems: "start" },
38
+ react_1.default.createElement(newskit_1.RadioButton, { value: offer.id, size: "small", overrides: {
39
+ input: {
40
+ spaceInline: 'space000',
41
+ },
42
+ }, label: "" }),
43
+ react_1.default.createElement(newskit_1.Block, null,
44
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, offer.name),
45
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space010" }, offer.description)),
46
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, offer.price)))))); }))));
47
+ }
48
+ return (react_1.default.createElement(SingleOffersContainer, { "data-testid": "retention-offer", role: "radiogroup" },
49
+ react_1.default.createElement(SingleOfferWrapper, { key: singleOffer.id },
50
+ react_1.default.createElement(SingleOfferContainer, { role: "radio", "aria-checked": selectedOfferId === singleOffer.id, tabIndex: 0, isSelected: selectedOfferId === singleOffer.id, onClick: function () { return handleOfferSelect(singleOffer.id); }, "data-testid": "retention-offer-".concat(singleOffer.id) },
51
+ react_1.default.createElement(SingleOfferContent, null,
52
+ react_1.default.createElement(newskit_1.Block, null,
53
+ react_1.default.createElement(OfferSelectionBadge, null,
54
+ react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkInverse", typographyPreset: "utilityLabel010", style: {
55
+ fontSize: '10px',
56
+ fontWeight: 700,
57
+ letterSpacing: '0.03em',
58
+ lineHeight: '10px',
59
+ } }, "SPECIAL OFFER"))),
60
+ react_1.default.createElement(newskit_1.GridLayout, { columns: "1fr auto", columnGap: "space030", alignItems: "start" },
35
61
  react_1.default.createElement(newskit_1.Block, null,
36
- react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, offer.name),
37
- react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space010" }, offer.description)),
38
- react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, offer.price)))))); }))));
62
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, singleOffer.name),
63
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space010" }, singleOffer.description)),
64
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, singleOffer.price)))))));
39
65
  };
40
66
  exports.RetentionOffers = RetentionOffers;
41
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
67
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
42
68
  //# sourceMappingURL=RetentionOffers.js.map
package/dist/cjs/Components/Elements/RetentionOffers/RetentionOffers.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RetentionOffers.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/RetentionOffers/RetentionOffers.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAUgB;AAqBhB,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,uFAAA,oBAEpC,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,uFAAA,oBAEjC,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6NAA0B,4BAE1D,EAIC,MACD,EAA+D,yGAM7D,EAA4D,SAEjE,KAbG,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,OAAA,IAAA,8BAAoB,EAClB,aAAa,EACb,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,cAAc,CACtD;AAHD,CAGC,EACD,IAAA,+BAAqB,EAAC,cAAc,EAAE,wBAAwB,CAAC,EAM7D,IAAA,8BAAoB,EAAC,aAAa,EAAE,uBAAuB,CAAC,CAEjE,CAAA;AAED,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,uFAAA,MAC9B,EAAkD,MAClD,EAAmD,IACtD,KAFG,IAAA,gCAAsB,EAAC,cAAc,EAAE,UAAU,CAAC,EAClD,IAAA,gCAAsB,EAAC,eAAe,EAAE,UAAU,CAAC,CACtD,CAAA;AAEM,IAAM,eAAe,GAAmC,UAAC,EAI/D;QAHC,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,QAAQ,cAAA;IAER,IAAM,iBAAiB,GAAG,UAAC,OAAe;QACxC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,eAAe,mBAAa,kBAAkB;QAC7C,8BAAC,oBAAU,IACT,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAArC,CAAqC,IAEzD,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,8BAAC,YAAY,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,cAAc,EAAC,UAAU;YACpD,8BAAC,cAAc,IACb,UAAU,EAAE,eAAe,KAAK,KAAK,CAAC,EAAE,EACxC,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAA3B,CAA2B,iBAC7B,0BAAmB,KAAK,CAAC,EAAE,CAAE;gBAE1C,8BAAC,YAAY;oBACX,8BAAC,oBAAU,IACT,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,UAAU,EACpB,UAAU,EAAC,OAAO;wBAElB,8BAAC,qBAAW,IACV,KAAK,EAAE,KAAK,CAAC,EAAE,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;gCACT,KAAK,EAAE;oCACL,WAAW,EAAE,UAAU;iCACxB;6BACF,EACD,KAAK,EAAC,EAAE,GACR;wBACF,8BAAC,eAAK;4BACJ,8BAAC,mBAAS,IACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,IAExB,KAAK,CAAC,IAAI,CACD;4BACZ,8BAAC,mBAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IAE1B,KAAK,CAAC,WAAW,CACR,CACN;wBACR,8BAAC,mBAAS,IACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,IAExB,KAAK,CAAC,KAAK,CACF,CACD,CACA,CACA,CACJ,CAChB,EAhDsB,CAgDtB,CAAC,CACS,CACG,CACnB,CAAA;AACH,CAAC,CAAA;AApEY,QAAA,eAAe,mBAoE3B"}
1
+ {"version":3,"file":"RetentionOffers.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/RetentionOffers/RetentionOffers.tsx"],"names":[],"mappings":"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"}
package/dist/esm/Components/Elements/RetentionOffers/RetentionOffers.js CHANGED
@@ -11,25 +11,51 @@ var OfferContainer = styled(Block)(templateObject_3 || (templateObject_3 = __mak
11
11
  return getColorCssFromTheme('borderColor', isSelected ? 'interactivePrimary030' : 'interface030');
12
12
  }, getBorderCssFromTheme('borderRadius', 'borderRadiusRounded020'), getColorCssFromTheme('borderColor', 'interactivePrimary030'));
13
13
  var OfferContent = styled(Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), getSpacingCssFromTheme('paddingBlock', 'space040'), getSpacingCssFromTheme('paddingInline', 'space040'));
14
+ var SingleOfferContainer = styled(OfferContainer)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: none;\n display: block;\n padding: 0;\n text-align: left;\n position: relative;\n margin: 0;\n"], ["\n background: none;\n display: block;\n padding: 0;\n text-align: left;\n position: relative;\n margin: 0;\n"])));
15
+ var SingleOffersContainer = styled(OffersContainer)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-top: 2.1rem;\n"], ["\n margin-top: 2.1rem;\n"])));
16
+ var SingleOfferWrapper = styled(OfferWrapper)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
17
+ var SingleOfferContent = styled(OfferContent)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n ", "\n margin: 0;\n"], ["\n ", "\n ", "\n margin: 0;\n"])), getSpacingCssFromTheme('paddingBlock', 'space050'), getSpacingCssFromTheme('paddingInline', 'space050'));
18
+ var OfferSelectionBadge = styled(Block)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n top: -1.5rem;\n left: 1rem;\n ", "\n ", "\n font-size: 0.625rem;\n font-weight: 700;\n padding: 0.375rem 0.5rem 0.5rem 0.5rem;\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n letter-spacing: 0.03em;\n"], ["\n position: absolute;\n top: -1.5rem;\n left: 1rem;\n ", "\n ", "\n font-size: 0.625rem;\n font-weight: 700;\n padding: 0.375rem 0.5rem 0.5rem 0.5rem;\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n letter-spacing: 0.03em;\n"])), getColorCssFromTheme('background', 'socialFacebook'), getColorCssFromTheme('color', 'inkInverse'));
14
19
  export var RetentionOffers = function (_a) {
15
20
  var offers = _a.offers, selectedOfferId = _a.selectedOfferId, onSelect = _a.onSelect;
21
+ var hasSingleOffer = offers.length === 1;
22
+ var singleOffer = offers[0];
16
23
  var handleOfferSelect = function (offerId) {
17
24
  onSelect(offerId);
18
25
  };
19
- return (React.createElement(OffersContainer, { "data-testid": "retention-offers" },
20
- React.createElement(RadioGroup, { name: "retention-offers", value: selectedOfferId, onChange: function (event) { return handleOfferSelect(event.target.value); } }, offers.map(function (offer) { return (React.createElement(OfferWrapper, { key: offer.id, marginBlockEnd: "space030" },
21
- React.createElement(OfferContainer, { isSelected: selectedOfferId === offer.id, onClick: function () { return handleOfferSelect(offer.id); }, "data-testid": "retention-offer-".concat(offer.id) },
22
- React.createElement(OfferContent, null,
23
- React.createElement(GridLayout, { columns: "auto 1fr auto", columnGap: "space030", alignItems: "start" },
24
- React.createElement(RadioButton, { value: offer.id, size: "small", overrides: {
25
- input: {
26
- spaceInline: 'space000',
27
- },
28
- }, label: "" }),
26
+ if (!hasSingleOffer) {
27
+ return (React.createElement(OffersContainer, { "data-testid": "retention-offers" },
28
+ React.createElement(RadioGroup, { name: "retention-offers", value: selectedOfferId, onChange: function (event) { return handleOfferSelect(event.target.value); } }, offers.map(function (offer) { return (React.createElement(OfferWrapper, { key: offer.id, marginBlockEnd: "space030" },
29
+ React.createElement(OfferContainer, { isSelected: selectedOfferId === offer.id, onClick: function () { return handleOfferSelect(offer.id); }, "data-testid": "retention-offer-".concat(offer.id) },
30
+ React.createElement(OfferContent, null,
31
+ React.createElement(GridLayout, { columns: "auto 1fr auto", columnGap: "space030", alignItems: "start" },
32
+ React.createElement(RadioButton, { value: offer.id, size: "small", overrides: {
33
+ input: {
34
+ spaceInline: 'space000',
35
+ },
36
+ }, label: "" }),
37
+ React.createElement(Block, null,
38
+ React.createElement(TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, offer.name),
39
+ React.createElement(TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space010" }, offer.description)),
40
+ React.createElement(TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, offer.price)))))); }))));
41
+ }
42
+ return (React.createElement(SingleOffersContainer, { "data-testid": "retention-offer", role: "radiogroup" },
43
+ React.createElement(SingleOfferWrapper, { key: singleOffer.id },
44
+ React.createElement(SingleOfferContainer, { role: "radio", "aria-checked": selectedOfferId === singleOffer.id, tabIndex: 0, isSelected: selectedOfferId === singleOffer.id, onClick: function () { return handleOfferSelect(singleOffer.id); }, "data-testid": "retention-offer-".concat(singleOffer.id) },
45
+ React.createElement(SingleOfferContent, null,
46
+ React.createElement(Block, null,
47
+ React.createElement(OfferSelectionBadge, null,
48
+ React.createElement(TextBlock, { stylePreset: "inkInverse", typographyPreset: "utilityLabel010", style: {
49
+ fontSize: '10px',
50
+ fontWeight: 700,
51
+ letterSpacing: '0.03em',
52
+ lineHeight: '10px',
53
+ } }, "SPECIAL OFFER"))),
54
+ React.createElement(GridLayout, { columns: "1fr auto", columnGap: "space030", alignItems: "start" },
29
55
  React.createElement(Block, null,
30
- React.createElement(TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, offer.name),
31
- React.createElement(TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space010" }, offer.description)),
32
- React.createElement(TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, offer.price)))))); }))));
56
+ React.createElement(TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, singleOffer.name),
57
+ React.createElement(TextBlock, { typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space010" }, singleOffer.description)),
58
+ React.createElement(TextBlock, { typographyPreset: "utilityHeading020", stylePreset: "inkContrast" }, singleOffer.price)))))));
33
59
  };
34
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
60
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
35
61
  //# sourceMappingURL=RetentionOffers.js.map
package/dist/esm/Components/Elements/RetentionOffers/RetentionOffers.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RetentionOffers.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/RetentionOffers/RetentionOffers.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RetentionOffers.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/RetentionOffers/RetentionOffers.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newskit-render/my-account",
3
- "version": "7.192.1",
3
+ "version": "7.192.2-02e07176.1+02e07176",
4
4
  "description": "Newskit Render",
5
5
  "author": "",
6
6
  "license": "UNLICENSED",
@@ -34,10 +34,10 @@
34
34
  "@emotion/react": "11.9.3",
35
35
  "@emotion/styled": "11.9.3",
36
36
  "@hookform/resolvers": "2.9.10",
37
- "@newskit-render/api": "^1.20.0",
38
- "@newskit-render/feature-flags": "^1.16.0",
39
- "@newskit-render/shared-components": "^4.75.2",
40
- "@newskit-render/validation": "^1.27.0",
37
+ "@newskit-render/api": "^1.20.1-02e07176.35+02e07176",
38
+ "@newskit-render/feature-flags": "^1.16.1-02e07176.35+02e07176",
39
+ "@newskit-render/shared-components": "^4.75.3-02e07176.20+02e07176",
40
+ "@newskit-render/validation": "^1.27.1-02e07176.33+02e07176",
41
41
  "@stripe/react-stripe-js": "2.1.1",
42
42
  "@stripe/stripe-js": "1.54.1",
43
43
  "cross-fetch": "3.1.5",
@@ -119,5 +119,5 @@
119
119
  "publishConfig": {
120
120
  "access": "public"
121
121
  },
122
- "gitHead": "71d080396cd92d646101e6c7b02ae687d2422dcc"
122
+ "gitHead": "02e07176acaa78b9d71aa0ff27e1bd56ba16505f"
123
123
  }