@paydock/client-sdk 1.135.14-beta → 1.136.0

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 (9) hide show
  1. package/bundles/index.cjs +12 -19
  2. package/bundles/index.mjs +12 -19
  3. package/bundles/types/checkout/v3/instructions/instruction.saved_card_form.show.d.ts +0 -1
  4. package/bundles/types/checkout/v3/instructions/instruction.saved_card_form.show.d.ts.map +1 -1
  5. package/bundles/types/checkout/v3/models/card.model.d.ts +0 -1
  6. package/bundles/types/checkout/v3/models/card.model.d.ts.map +1 -1
  7. package/bundles/widget.umd.js +12 -19
  8. package/bundles/widget.umd.min.js +1 -1
  9. package/package.json +1 -5
package/bundles/index.cjs CHANGED
@@ -1189,7 +1189,7 @@ SDK.headerKeys = Object.freeze({
1189
1189
  version: 'x-sdk-version',
1190
1190
  type: 'x-sdk-type'
1191
1191
  });
1192
- SDK._version = 'v1.135.14-beta';
1192
+ SDK._version = 'v1.136.0';
1193
1193
 
1194
1194
  function isFunction(value) {
1195
1195
  return typeof value === 'function';
@@ -18017,7 +18017,7 @@ function addItemInfoBlockStyles() {
18017
18017
  }
18018
18018
  }
18019
18019
 
18020
- var modalStyles = "<style>\n .pd-modal-overlay {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n }\n \n .pd-modal-overlay.hidden {\n display: none;\n }\n \n .pd-modal-container {\n padding: 24px;\n max-width: 310px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n background: #ffffff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n border-radius: 28px;\n box-sizing: border-box;\n }\n \n .pd-modal-title {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: calc(var(--pd-font-size, 22px) * 1.4);\n font-weight: 400;\n }\n \n .pd-modal-message {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: var(--pd-font-size, 16px);\n font-weight: 300;\n line-height: 1.5;\n }\n \n .pd-modal-buttons {\n margin-top: 8px;\n width: 60%;\n display: flex;\n align-self: flex-end;\n gap: 12px;\n }\n \n .pd-modal-buttons .pd-button {\n height: 40px;\n flex: 1;\n box-shadow: none;\n background: transparent;\n }\n \n .pd-modal-buttons .pd-button-text {\n font-size: 14px;\n font-weight: 300;\n }\n \n .pd-modal-container .pd-button:not(:disabled):hover {\n box-shadow: none;\n transform: none;\n background-color: transparent !important;\n }\n \n .pd-modal-cancel-button {\n color: #000000 !important;\n }\n \n .pd-modal-confirm-button {\n color: #ff0000 !important;\n }\n</style>";
18020
+ var modalStyles = "<style>\n .pd-modal-overlay {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n }\n \n .pd-modal-overlay.hidden {\n display: none;\n }\n \n .pd-modal-container {\n padding: 24px;\n max-width: 310px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n background: #ffffff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n border-radius: 28px;\n box-sizing: border-box;\n }\n \n .pd-modal-title {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: 22px;\n font-weight: 400;\n }\n \n .pd-modal-message {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: 16px;\n font-weight: 300;\n line-height: 1.5;\n }\n \n .pd-modal-buttons {\n margin-top: 8px;\n width: 60%;\n display: flex;\n align-self: flex-end;\n gap: 12px;\n }\n \n .pd-modal-buttons .pd-button {\n height: 40px;\n flex: 1;\n box-shadow: none;\n background: transparent;\n }\n \n .pd-modal-buttons .pd-button-text {\n font-size: 14px;\n font-weight: 300;\n }\n \n .pd-modal-container .pd-button:not(:disabled):hover {\n box-shadow: none;\n transform: none;\n background-color: transparent !important;\n }\n \n .pd-modal-cancel-button {\n color: #000000 !important;\n }\n \n .pd-modal-confirm-button {\n color: #ff0000 !important;\n }\n</style>";
18021
18021
  function createModal(options) {
18022
18022
  var _this = this;
18023
18023
  addModalStyles();
@@ -18147,7 +18147,6 @@ var _IMG_MAPPING;
18147
18147
  var AvailableCardSchema;
18148
18148
  (function (AvailableCardSchema) {
18149
18149
  AvailableCardSchema["Amex"] = "amex";
18150
- AvailableCardSchema["Ausbc"] = "ausbc";
18151
18150
  AvailableCardSchema["Diners"] = "diners";
18152
18151
  AvailableCardSchema["Discover"] = "discover";
18153
18152
  AvailableCardSchema["Japcb"] = "japcb";
@@ -18159,7 +18158,7 @@ var AvailableCardSchema;
18159
18158
  AvailableCardSchema["Union"] = "unionpay";
18160
18159
  AvailableCardSchema["GenericCardSvg"] = "GenericCardSvg";
18161
18160
  })(AvailableCardSchema || (AvailableCardSchema = {}));
18162
- var IMG_MAPPING = (_IMG_MAPPING = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Amex, AmexSvg), AvailableCardSchema.Ausbc, GenericCardSvg), AvailableCardSchema.Diners, DinersSvg), AvailableCardSchema.Discover, DiscoverSvg), AvailableCardSchema.Japcb, JapbcSvg), AvailableCardSchema.Laser, GenericCardSvg), AvailableCardSchema.Mastercard, MastercardSvg), AvailableCardSchema.Solo, SoloSvg), AvailableCardSchema.Visa, VisaSvg), AvailableCardSchema.Eftpos, EftposSvg), _defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Union, UnionSvg), AvailableCardSchema.GenericCardSvg, GenericCardSvg));
18161
+ var IMG_MAPPING = (_IMG_MAPPING = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Amex, AmexSvg), AvailableCardSchema.Diners, DinersSvg), AvailableCardSchema.Discover, DiscoverSvg), AvailableCardSchema.Japcb, JapbcSvg), AvailableCardSchema.Laser, GenericCardSvg), AvailableCardSchema.Mastercard, MastercardSvg), AvailableCardSchema.Solo, SoloSvg), AvailableCardSchema.Visa, VisaSvg), AvailableCardSchema.Eftpos, EftposSvg), AvailableCardSchema.Union, UnionSvg), _defineProperty(_IMG_MAPPING, AvailableCardSchema.GenericCardSvg, GenericCardSvg));
18163
18162
 
18164
18163
  var DELETE_ICON_SVG = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 1H13M1 4H19M17 4L16.2987 14.5193C16.1935 16.0975 16.1409 16.8867 15.8 17.485C15.4999 18.0118 15.0472 18.4353 14.5017 18.6997C13.882 19 13.0911 19 11.5093 19H8.49065C6.90891 19 6.11803 19 5.49834 18.6997C4.95276 18.4353 4.50009 18.0118 4.19998 17.485C3.85911 16.8867 3.8065 16.0975 3.70129 14.5193L3 4M8 8.5V13.5M12 8.5V13.5\" stroke=\"#191919\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
18165
18164
  var SAVED_CARD_DELETE_STYLES = "<style>\n .pd-saved-card-container {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .pd-saved-card-info {\n display: flex;\n align-items: center;\n flex: 1;\n }\n \n .pd-delete-button {\n padding: 12px;\n width: 70px;\n height: 70px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n justify-content: center;\n background: transparent;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n }\n \n .pd-delete-button:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n \n .pd-delete-button:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n \n .pd-delete-button svg {\n width: 20px;\n height: 20px;\n }\n \n .pd-button.pd-base-button:not(:disabled):hover {\n background: var(--pd-button-color, linear-gradient(92.03deg, #ffffff 0%, #f8f9fa 101.01%)) !important;\n }\n \n .pd-button:not(:disabled).pd-saved-card-info:hover {\n transform: none;\n }\n \n .pd-button.pd-saved-card-info:focus,\n .pd-delete-button:focus,\n .pd-button.pd-saved-card-info:focus-visible,\n .pd-delete-button:focus-visible {\n transform: none;\n outline: none;\n }\n</style>";
@@ -18168,11 +18167,7 @@ var InstructionSavedCardFormShow = /*#__PURE__*/function (_InstructionHandler) {
18168
18167
  var _this;
18169
18168
  _classCallCheck(this, InstructionSavedCardFormShow);
18170
18169
  _this = _callSuper(this, InstructionSavedCardFormShow, arguments);
18171
- _this.isRemoveSavedCardsEnabled =
18172
- // @ts-expect-error feature flag will be replaced at build time
18173
- 'false' === 'true';
18174
18170
  _this.cardSchemaMap = {
18175
- ausbc: 'Australian Bank Card',
18176
18171
  visa: 'Visa',
18177
18172
  mastercard: 'MasterCard',
18178
18173
  diners: "Diner's Club",
@@ -18323,17 +18318,15 @@ var InstructionSavedCardFormShow = /*#__PURE__*/function (_InstructionHandler) {
18323
18318
  });
18324
18319
  cardInfoButton.classList.add('pd-saved-card-info');
18325
18320
  container.appendChild(cardInfoButton);
18326
- if (_this3.isRemoveSavedCardsEnabled) {
18327
- var deleteButton = document.createElement('button');
18328
- deleteButton.classList.add('pd-delete-button');
18329
- deleteButton.type = 'button';
18330
- deleteButton.innerHTML = DELETE_ICON_SVG;
18331
- deleteButton.addEventListener('click', function (e) {
18332
- e.stopPropagation();
18333
- _this3.showDeleteConfirmation(savedCard.id, savedCard.last4, savedCards);
18334
- });
18335
- container.appendChild(deleteButton);
18336
- }
18321
+ var deleteButton = document.createElement('button');
18322
+ deleteButton.classList.add('pd-delete-button');
18323
+ deleteButton.type = 'button';
18324
+ deleteButton.innerHTML = DELETE_ICON_SVG;
18325
+ deleteButton.addEventListener('click', function (e) {
18326
+ e.stopPropagation();
18327
+ _this3.showDeleteConfirmation(savedCard.id, savedCard.last4, savedCards);
18328
+ });
18329
+ container.appendChild(deleteButton);
18337
18330
  var wrapperButton = createButton({
18338
18331
  children: [container],
18339
18332
  styles: _extends(_extends({}, styles), {
package/bundles/index.mjs CHANGED
@@ -1187,7 +1187,7 @@ SDK.headerKeys = Object.freeze({
1187
1187
  version: 'x-sdk-version',
1188
1188
  type: 'x-sdk-type'
1189
1189
  });
1190
- SDK._version = 'v1.135.14-beta';
1190
+ SDK._version = 'v1.136.0';
1191
1191
 
1192
1192
  function isFunction(value) {
1193
1193
  return typeof value === 'function';
@@ -18015,7 +18015,7 @@ function addItemInfoBlockStyles() {
18015
18015
  }
18016
18016
  }
18017
18017
 
18018
- var modalStyles = "<style>\n .pd-modal-overlay {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n }\n \n .pd-modal-overlay.hidden {\n display: none;\n }\n \n .pd-modal-container {\n padding: 24px;\n max-width: 310px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n background: #ffffff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n border-radius: 28px;\n box-sizing: border-box;\n }\n \n .pd-modal-title {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: calc(var(--pd-font-size, 22px) * 1.4);\n font-weight: 400;\n }\n \n .pd-modal-message {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: var(--pd-font-size, 16px);\n font-weight: 300;\n line-height: 1.5;\n }\n \n .pd-modal-buttons {\n margin-top: 8px;\n width: 60%;\n display: flex;\n align-self: flex-end;\n gap: 12px;\n }\n \n .pd-modal-buttons .pd-button {\n height: 40px;\n flex: 1;\n box-shadow: none;\n background: transparent;\n }\n \n .pd-modal-buttons .pd-button-text {\n font-size: 14px;\n font-weight: 300;\n }\n \n .pd-modal-container .pd-button:not(:disabled):hover {\n box-shadow: none;\n transform: none;\n background-color: transparent !important;\n }\n \n .pd-modal-cancel-button {\n color: #000000 !important;\n }\n \n .pd-modal-confirm-button {\n color: #ff0000 !important;\n }\n</style>";
18018
+ var modalStyles = "<style>\n .pd-modal-overlay {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n }\n \n .pd-modal-overlay.hidden {\n display: none;\n }\n \n .pd-modal-container {\n padding: 24px;\n max-width: 310px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n background: #ffffff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n border-radius: 28px;\n box-sizing: border-box;\n }\n \n .pd-modal-title {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: 22px;\n font-weight: 400;\n }\n \n .pd-modal-message {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: 16px;\n font-weight: 300;\n line-height: 1.5;\n }\n \n .pd-modal-buttons {\n margin-top: 8px;\n width: 60%;\n display: flex;\n align-self: flex-end;\n gap: 12px;\n }\n \n .pd-modal-buttons .pd-button {\n height: 40px;\n flex: 1;\n box-shadow: none;\n background: transparent;\n }\n \n .pd-modal-buttons .pd-button-text {\n font-size: 14px;\n font-weight: 300;\n }\n \n .pd-modal-container .pd-button:not(:disabled):hover {\n box-shadow: none;\n transform: none;\n background-color: transparent !important;\n }\n \n .pd-modal-cancel-button {\n color: #000000 !important;\n }\n \n .pd-modal-confirm-button {\n color: #ff0000 !important;\n }\n</style>";
18019
18019
  function createModal(options) {
18020
18020
  var _this = this;
18021
18021
  addModalStyles();
@@ -18145,7 +18145,6 @@ var _IMG_MAPPING;
18145
18145
  var AvailableCardSchema;
18146
18146
  (function (AvailableCardSchema) {
18147
18147
  AvailableCardSchema["Amex"] = "amex";
18148
- AvailableCardSchema["Ausbc"] = "ausbc";
18149
18148
  AvailableCardSchema["Diners"] = "diners";
18150
18149
  AvailableCardSchema["Discover"] = "discover";
18151
18150
  AvailableCardSchema["Japcb"] = "japcb";
@@ -18157,7 +18156,7 @@ var AvailableCardSchema;
18157
18156
  AvailableCardSchema["Union"] = "unionpay";
18158
18157
  AvailableCardSchema["GenericCardSvg"] = "GenericCardSvg";
18159
18158
  })(AvailableCardSchema || (AvailableCardSchema = {}));
18160
- var IMG_MAPPING = (_IMG_MAPPING = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Amex, AmexSvg), AvailableCardSchema.Ausbc, GenericCardSvg), AvailableCardSchema.Diners, DinersSvg), AvailableCardSchema.Discover, DiscoverSvg), AvailableCardSchema.Japcb, JapbcSvg), AvailableCardSchema.Laser, GenericCardSvg), AvailableCardSchema.Mastercard, MastercardSvg), AvailableCardSchema.Solo, SoloSvg), AvailableCardSchema.Visa, VisaSvg), AvailableCardSchema.Eftpos, EftposSvg), _defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Union, UnionSvg), AvailableCardSchema.GenericCardSvg, GenericCardSvg));
18159
+ var IMG_MAPPING = (_IMG_MAPPING = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Amex, AmexSvg), AvailableCardSchema.Diners, DinersSvg), AvailableCardSchema.Discover, DiscoverSvg), AvailableCardSchema.Japcb, JapbcSvg), AvailableCardSchema.Laser, GenericCardSvg), AvailableCardSchema.Mastercard, MastercardSvg), AvailableCardSchema.Solo, SoloSvg), AvailableCardSchema.Visa, VisaSvg), AvailableCardSchema.Eftpos, EftposSvg), AvailableCardSchema.Union, UnionSvg), _defineProperty(_IMG_MAPPING, AvailableCardSchema.GenericCardSvg, GenericCardSvg));
18161
18160
 
18162
18161
  var DELETE_ICON_SVG = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 1H13M1 4H19M17 4L16.2987 14.5193C16.1935 16.0975 16.1409 16.8867 15.8 17.485C15.4999 18.0118 15.0472 18.4353 14.5017 18.6997C13.882 19 13.0911 19 11.5093 19H8.49065C6.90891 19 6.11803 19 5.49834 18.6997C4.95276 18.4353 4.50009 18.0118 4.19998 17.485C3.85911 16.8867 3.8065 16.0975 3.70129 14.5193L3 4M8 8.5V13.5M12 8.5V13.5\" stroke=\"#191919\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
18163
18162
  var SAVED_CARD_DELETE_STYLES = "<style>\n .pd-saved-card-container {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .pd-saved-card-info {\n display: flex;\n align-items: center;\n flex: 1;\n }\n \n .pd-delete-button {\n padding: 12px;\n width: 70px;\n height: 70px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n justify-content: center;\n background: transparent;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n }\n \n .pd-delete-button:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n \n .pd-delete-button:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n \n .pd-delete-button svg {\n width: 20px;\n height: 20px;\n }\n \n .pd-button.pd-base-button:not(:disabled):hover {\n background: var(--pd-button-color, linear-gradient(92.03deg, #ffffff 0%, #f8f9fa 101.01%)) !important;\n }\n \n .pd-button:not(:disabled).pd-saved-card-info:hover {\n transform: none;\n }\n \n .pd-button.pd-saved-card-info:focus,\n .pd-delete-button:focus,\n .pd-button.pd-saved-card-info:focus-visible,\n .pd-delete-button:focus-visible {\n transform: none;\n outline: none;\n }\n</style>";
@@ -18166,11 +18165,7 @@ var InstructionSavedCardFormShow = /*#__PURE__*/function (_InstructionHandler) {
18166
18165
  var _this;
18167
18166
  _classCallCheck(this, InstructionSavedCardFormShow);
18168
18167
  _this = _callSuper(this, InstructionSavedCardFormShow, arguments);
18169
- _this.isRemoveSavedCardsEnabled =
18170
- // @ts-expect-error feature flag will be replaced at build time
18171
- 'false' === 'true';
18172
18168
  _this.cardSchemaMap = {
18173
- ausbc: 'Australian Bank Card',
18174
18169
  visa: 'Visa',
18175
18170
  mastercard: 'MasterCard',
18176
18171
  diners: "Diner's Club",
@@ -18321,17 +18316,15 @@ var InstructionSavedCardFormShow = /*#__PURE__*/function (_InstructionHandler) {
18321
18316
  });
18322
18317
  cardInfoButton.classList.add('pd-saved-card-info');
18323
18318
  container.appendChild(cardInfoButton);
18324
- if (_this3.isRemoveSavedCardsEnabled) {
18325
- var deleteButton = document.createElement('button');
18326
- deleteButton.classList.add('pd-delete-button');
18327
- deleteButton.type = 'button';
18328
- deleteButton.innerHTML = DELETE_ICON_SVG;
18329
- deleteButton.addEventListener('click', function (e) {
18330
- e.stopPropagation();
18331
- _this3.showDeleteConfirmation(savedCard.id, savedCard.last4, savedCards);
18332
- });
18333
- container.appendChild(deleteButton);
18334
- }
18319
+ var deleteButton = document.createElement('button');
18320
+ deleteButton.classList.add('pd-delete-button');
18321
+ deleteButton.type = 'button';
18322
+ deleteButton.innerHTML = DELETE_ICON_SVG;
18323
+ deleteButton.addEventListener('click', function (e) {
18324
+ e.stopPropagation();
18325
+ _this3.showDeleteConfirmation(savedCard.id, savedCard.last4, savedCards);
18326
+ });
18327
+ container.appendChild(deleteButton);
18335
18328
  var wrapperButton = createButton({
18336
18329
  children: [container],
18337
18330
  styles: _extends(_extends({}, styles), {
package/bundles/types/checkout/v3/instructions/instruction.saved_card_form.show.d.ts CHANGED
@@ -6,7 +6,6 @@ declare global {
6
6
  }
7
7
  }
8
8
  export declare class InstructionSavedCardFormShow extends InstructionHandler {
9
- private isRemoveSavedCardsEnabled;
10
9
  handle(context: {
11
10
  instruction_token: string;
12
11
  payload: {
package/bundles/types/checkout/v3/instructions/instruction.saved_card_form.show.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"instruction.saved_card_form.show.d.ts","sourceRoot":"","sources":["../../../../src/checkout/v3/instructions/instruction.saved_card_form.show.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAMvE,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAoExF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,wBAAwB,EAAE,OAAO,CAAC;KACnC;CACF;AAED,qBACa,4BAA6B,SAAQ,kBAAkB;IAClE,OAAO,CAAC,yBAAyB,CAEwB;IAEzD,MAAM,CAAC,OAAO,EAAE;QACd,iBAAiB,EAAE,MAAM,CAAC;QAC1B,OAAO,EAAE;YACP,KAAK,EAAE,SAAS,EAAE,CAAC;YACnB,aAAa,CAAC,EAAE;gBACd,IAAI,CAAC,EAAE;oBACL,gBAAgB,CAAC,EAAE,MAAM,CAAC;oBAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,UAAU,CAAC,EAAE,MAAM,CAAC;oBACpB,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;oBACrB,SAAS,CAAC,EAAE,MAAM,CAAC;iBACpB,CAAC;aACH,CAAC;SACH,CAAC;KACH,GAAG,IAAI;YAWM,iBAAiB;YAoBjB,UAAU;IA4BxB,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,yBAAyB;IA6EjC,OAAO,CAAC,sBAAsB;IAkB9B,OAAO,CAAC,aAAa,CAa2B;CACjD"}
1
+ {"version":3,"file":"instruction.saved_card_form.show.d.ts","sourceRoot":"","sources":["../../../../src/checkout/v3/instructions/instruction.saved_card_form.show.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAMvE,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAoExF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,wBAAwB,EAAE,OAAO,CAAC;KACnC;CACF;AAED,qBACa,4BAA6B,SAAQ,kBAAkB;IAClE,MAAM,CAAC,OAAO,EAAE;QACd,iBAAiB,EAAE,MAAM,CAAC;QAC1B,OAAO,EAAE;YACP,KAAK,EAAE,SAAS,EAAE,CAAC;YACnB,aAAa,CAAC,EAAE;gBACd,IAAI,CAAC,EAAE;oBACL,gBAAgB,CAAC,EAAE,MAAM,CAAC;oBAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,UAAU,CAAC,EAAE,MAAM,CAAC;oBACpB,YAAY,CAAC,EAAE,MAAM,CAAC;oBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;oBACrB,SAAS,CAAC,EAAE,MAAM,CAAC;iBACpB,CAAC;aACH,CAAC;SACH,CAAC;KACH,GAAG,IAAI;YAWM,iBAAiB;YAoBjB,UAAU;IA4BxB,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,yBAAyB;IA2EjC,OAAO,CAAC,sBAAsB;IAkB9B,OAAO,CAAC,aAAa,CAY2B;CACjD"}
package/bundles/types/checkout/v3/models/card.model.d.ts CHANGED
@@ -6,7 +6,6 @@ export interface SavedCard {
6
6
  }
7
7
  export declare enum AvailableCardSchema {
8
8
  Amex = "amex",
9
- Ausbc = "ausbc",
10
9
  Diners = "diners",
11
10
  Discover = "discover",
12
11
  Japcb = "japcb",
package/bundles/types/checkout/v3/models/card.model.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"card.model.d.ts","sourceRoot":"","sources":["../../../../src/checkout/v3/models/card.model.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,aAAa;IAClB,cAAc,mBAAmB;CAClC;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa9C,CAAC"}
1
+ {"version":3,"file":"card.model.d.ts","sourceRoot":"","sources":["../../../../src/checkout/v3/models/card.model.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,aAAa;IAClB,cAAc,mBAAmB;CAClC;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAY9C,CAAC"}
package/bundles/widget.umd.js CHANGED
@@ -1193,7 +1193,7 @@
1193
1193
  version: 'x-sdk-version',
1194
1194
  type: 'x-sdk-type'
1195
1195
  });
1196
- SDK._version = 'v1.135.14-beta';
1196
+ SDK._version = 'v1.136.0';
1197
1197
 
1198
1198
  function isFunction(value) {
1199
1199
  return typeof value === 'function';
@@ -18021,7 +18021,7 @@
18021
18021
  }
18022
18022
  }
18023
18023
 
18024
- var modalStyles = "<style>\n .pd-modal-overlay {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n }\n \n .pd-modal-overlay.hidden {\n display: none;\n }\n \n .pd-modal-container {\n padding: 24px;\n max-width: 310px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n background: #ffffff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n border-radius: 28px;\n box-sizing: border-box;\n }\n \n .pd-modal-title {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: calc(var(--pd-font-size, 22px) * 1.4);\n font-weight: 400;\n }\n \n .pd-modal-message {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: var(--pd-font-size, 16px);\n font-weight: 300;\n line-height: 1.5;\n }\n \n .pd-modal-buttons {\n margin-top: 8px;\n width: 60%;\n display: flex;\n align-self: flex-end;\n gap: 12px;\n }\n \n .pd-modal-buttons .pd-button {\n height: 40px;\n flex: 1;\n box-shadow: none;\n background: transparent;\n }\n \n .pd-modal-buttons .pd-button-text {\n font-size: 14px;\n font-weight: 300;\n }\n \n .pd-modal-container .pd-button:not(:disabled):hover {\n box-shadow: none;\n transform: none;\n background-color: transparent !important;\n }\n \n .pd-modal-cancel-button {\n color: #000000 !important;\n }\n \n .pd-modal-confirm-button {\n color: #ff0000 !important;\n }\n</style>";
18024
+ var modalStyles = "<style>\n .pd-modal-overlay {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.5);\n z-index: 10000;\n }\n \n .pd-modal-overlay.hidden {\n display: none;\n }\n \n .pd-modal-container {\n padding: 24px;\n max-width: 310px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n background: #ffffff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n border-radius: 28px;\n box-sizing: border-box;\n }\n \n .pd-modal-title {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: 22px;\n font-weight: 400;\n }\n \n .pd-modal-message {\n margin: 0;\n color: var(--pd-text-color, #000000);\n font-family: var(--pd-font-family, 'sans-serif'), 'sans-serif';\n font-size: 16px;\n font-weight: 300;\n line-height: 1.5;\n }\n \n .pd-modal-buttons {\n margin-top: 8px;\n width: 60%;\n display: flex;\n align-self: flex-end;\n gap: 12px;\n }\n \n .pd-modal-buttons .pd-button {\n height: 40px;\n flex: 1;\n box-shadow: none;\n background: transparent;\n }\n \n .pd-modal-buttons .pd-button-text {\n font-size: 14px;\n font-weight: 300;\n }\n \n .pd-modal-container .pd-button:not(:disabled):hover {\n box-shadow: none;\n transform: none;\n background-color: transparent !important;\n }\n \n .pd-modal-cancel-button {\n color: #000000 !important;\n }\n \n .pd-modal-confirm-button {\n color: #ff0000 !important;\n }\n</style>";
18025
18025
  function createModal(options) {
18026
18026
  var _this = this;
18027
18027
  addModalStyles();
@@ -18151,7 +18151,6 @@
18151
18151
  var AvailableCardSchema;
18152
18152
  (function (AvailableCardSchema) {
18153
18153
  AvailableCardSchema["Amex"] = "amex";
18154
- AvailableCardSchema["Ausbc"] = "ausbc";
18155
18154
  AvailableCardSchema["Diners"] = "diners";
18156
18155
  AvailableCardSchema["Discover"] = "discover";
18157
18156
  AvailableCardSchema["Japcb"] = "japcb";
@@ -18163,7 +18162,7 @@
18163
18162
  AvailableCardSchema["Union"] = "unionpay";
18164
18163
  AvailableCardSchema["GenericCardSvg"] = "GenericCardSvg";
18165
18164
  })(AvailableCardSchema || (AvailableCardSchema = {}));
18166
- var IMG_MAPPING = (_IMG_MAPPING = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Amex, AmexSvg), AvailableCardSchema.Ausbc, GenericCardSvg), AvailableCardSchema.Diners, DinersSvg), AvailableCardSchema.Discover, DiscoverSvg), AvailableCardSchema.Japcb, JapbcSvg), AvailableCardSchema.Laser, GenericCardSvg), AvailableCardSchema.Mastercard, MastercardSvg), AvailableCardSchema.Solo, SoloSvg), AvailableCardSchema.Visa, VisaSvg), AvailableCardSchema.Eftpos, EftposSvg), _defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Union, UnionSvg), AvailableCardSchema.GenericCardSvg, GenericCardSvg));
18165
+ var IMG_MAPPING = (_IMG_MAPPING = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_IMG_MAPPING, AvailableCardSchema.Amex, AmexSvg), AvailableCardSchema.Diners, DinersSvg), AvailableCardSchema.Discover, DiscoverSvg), AvailableCardSchema.Japcb, JapbcSvg), AvailableCardSchema.Laser, GenericCardSvg), AvailableCardSchema.Mastercard, MastercardSvg), AvailableCardSchema.Solo, SoloSvg), AvailableCardSchema.Visa, VisaSvg), AvailableCardSchema.Eftpos, EftposSvg), AvailableCardSchema.Union, UnionSvg), _defineProperty(_IMG_MAPPING, AvailableCardSchema.GenericCardSvg, GenericCardSvg));
18167
18166
 
18168
18167
  var DELETE_ICON_SVG = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 1H13M1 4H19M17 4L16.2987 14.5193C16.1935 16.0975 16.1409 16.8867 15.8 17.485C15.4999 18.0118 15.0472 18.4353 14.5017 18.6997C13.882 19 13.0911 19 11.5093 19H8.49065C6.90891 19 6.11803 19 5.49834 18.6997C4.95276 18.4353 4.50009 18.0118 4.19998 17.485C3.85911 16.8867 3.8065 16.0975 3.70129 14.5193L3 4M8 8.5V13.5M12 8.5V13.5\" stroke=\"#191919\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n";
18169
18168
  var SAVED_CARD_DELETE_STYLES = "<style>\n .pd-saved-card-container {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .pd-saved-card-info {\n display: flex;\n align-items: center;\n flex: 1;\n }\n \n .pd-delete-button {\n padding: 12px;\n width: 70px;\n height: 70px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n justify-content: center;\n background: transparent;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n }\n \n .pd-delete-button:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n \n .pd-delete-button:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n \n .pd-delete-button svg {\n width: 20px;\n height: 20px;\n }\n \n .pd-button.pd-base-button:not(:disabled):hover {\n background: var(--pd-button-color, linear-gradient(92.03deg, #ffffff 0%, #f8f9fa 101.01%)) !important;\n }\n \n .pd-button:not(:disabled).pd-saved-card-info:hover {\n transform: none;\n }\n \n .pd-button.pd-saved-card-info:focus,\n .pd-delete-button:focus,\n .pd-button.pd-saved-card-info:focus-visible,\n .pd-delete-button:focus-visible {\n transform: none;\n outline: none;\n }\n</style>";
@@ -18172,11 +18171,7 @@
18172
18171
  var _this;
18173
18172
  _classCallCheck(this, InstructionSavedCardFormShow);
18174
18173
  _this = _callSuper(this, InstructionSavedCardFormShow, arguments);
18175
- _this.isRemoveSavedCardsEnabled =
18176
- // @ts-expect-error feature flag will be replaced at build time
18177
- 'false' === 'true';
18178
18174
  _this.cardSchemaMap = {
18179
- ausbc: 'Australian Bank Card',
18180
18175
  visa: 'Visa',
18181
18176
  mastercard: 'MasterCard',
18182
18177
  diners: "Diner's Club",
@@ -18327,17 +18322,15 @@
18327
18322
  });
18328
18323
  cardInfoButton.classList.add('pd-saved-card-info');
18329
18324
  container.appendChild(cardInfoButton);
18330
- if (_this3.isRemoveSavedCardsEnabled) {
18331
- var deleteButton = document.createElement('button');
18332
- deleteButton.classList.add('pd-delete-button');
18333
- deleteButton.type = 'button';
18334
- deleteButton.innerHTML = DELETE_ICON_SVG;
18335
- deleteButton.addEventListener('click', function (e) {
18336
- e.stopPropagation();
18337
- _this3.showDeleteConfirmation(savedCard.id, savedCard.last4, savedCards);
18338
- });
18339
- container.appendChild(deleteButton);
18340
- }
18325
+ var deleteButton = document.createElement('button');
18326
+ deleteButton.classList.add('pd-delete-button');
18327
+ deleteButton.type = 'button';
18328
+ deleteButton.innerHTML = DELETE_ICON_SVG;
18329
+ deleteButton.addEventListener('click', function (e) {
18330
+ e.stopPropagation();
18331
+ _this3.showDeleteConfirmation(savedCard.id, savedCard.last4, savedCards);
18332
+ });
18333
+ container.appendChild(deleteButton);
18341
18334
  var wrapperButton = createButton({
18342
18335
  children: [container],
18343
18336
  styles: _extends(_extends({}, styles), {