@fat-zebra/sdk 1.5.9 → 1.5.10-beta.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 (177) hide show
  1. package/.github/workflows/ci.yml +286 -0
  2. package/.husky/commit-msg +4 -0
  3. package/.husky/pre-commit +2 -0
  4. package/.husky/prepare-commit-msg +4 -0
  5. package/.tool-versions +1 -1
  6. package/CHANGELOG.md +5 -0
  7. package/README.dev.md +45 -27
  8. package/commitizen.png +0 -0
  9. package/commitlint.config.cjs +3 -0
  10. package/package.json +16 -5
  11. package/.idea/fatzebra-js.iml +0 -12
  12. package/.idea/modules.xml +0 -8
  13. package/.idea/prettier.xml +0 -6
  14. package/.idea/vcs.xml +0 -6
  15. package/deploy-menu.png +0 -0
  16. package/dist/applepay/applepaymanager.d.ts +0 -28
  17. package/dist/applepay/applepaymanager.js +0 -115
  18. package/dist/local/fatzebra.css +0 -91
  19. package/dist/local/fatzebra.js +0 -19935
  20. package/dist/local/fatzebra.js.map +0 -1
  21. package/dist/local/index.html +0 -247
  22. package/dist/production/fatzebra.css +0 -91
  23. package/dist/production/fatzebra.js +0 -8
  24. package/dist/production/fatzebra.js.LICENSE.txt +0 -1
  25. package/dist/react/ApplePay.d.ts +0 -9
  26. package/dist/react/ApplePay.js +0 -11
  27. package/dist/react/applePayUrl.d.ts +0 -12
  28. package/dist/react/applePayUrl.js +0 -19
  29. package/dist/react/useNotification.d.ts +0 -11
  30. package/dist/react/useNotification.js +0 -26
  31. package/dist/sandbox/cdn.pmnts-sandbox.io/sdk/v1/fatzebra.js +0 -8
  32. package/dist/sandbox/fatzebra.css +0 -91
  33. package/dist/sandbox/fatzebra.js +0 -8
  34. package/dist/sandbox/fatzebra.js.LICENSE.txt +0 -1
  35. package/dist/sandbox/orikan-workspace/qa-banyule-ssp-imaas.np.orikan.tech/main-es2015.a50b3edc3412ce44ee0d.js +0 -66771
  36. package/dist/scripts/release-package.js +0 -324
  37. package/dist/scripts/release-package.js.map +0 -1
  38. package/dist/src/applepay/applepay.js +0 -198
  39. package/dist/src/applepay/applepay.js.map +0 -1
  40. package/dist/src/applepay/applepaymanager.js +0 -279
  41. package/dist/src/applepay/applepaymanager.js.map +0 -1
  42. package/dist/src/applepay/clients/apple-pay-client.js +0 -66
  43. package/dist/src/applepay/clients/apple-pay-client.js.map +0 -1
  44. package/dist/src/applepay/clients/paynow-client.js +0 -96
  45. package/dist/src/applepay/clients/paynow-client.js.map +0 -1
  46. package/dist/src/applepay/index.js +0 -6
  47. package/dist/src/applepay/index.js.map +0 -1
  48. package/dist/src/click_to_pay/clicktopay.test.js +0 -131
  49. package/dist/src/click_to_pay/clicktopay.test.js.map +0 -1
  50. package/dist/src/click_to_pay/index.js +0 -135
  51. package/dist/src/click_to_pay/index.js.map +0 -1
  52. package/dist/src/click_to_pay/types.js +0 -3
  53. package/dist/src/click_to_pay/types.js.map +0 -1
  54. package/dist/src/hpp/hpp.js +0 -230
  55. package/dist/src/hpp/hpp.js.map +0 -1
  56. package/dist/src/hpp/hpp.test.js +0 -137
  57. package/dist/src/hpp/hpp.test.js.map +0 -1
  58. package/dist/src/hpp/index.js +0 -6
  59. package/dist/src/hpp/index.js.map +0 -1
  60. package/dist/src/index.js +0 -15
  61. package/dist/src/index.js.map +0 -1
  62. package/dist/src/main.js +0 -229
  63. package/dist/src/main.js.map +0 -1
  64. package/dist/src/main.test.js +0 -236
  65. package/dist/src/main.test.js.map +0 -1
  66. package/dist/src/react/ApplePayButton.js +0 -56
  67. package/dist/src/react/ApplePayButton.js.map +0 -1
  68. package/dist/src/react/VerifyCard.js +0 -29
  69. package/dist/src/react/VerifyCard.js.map +0 -1
  70. package/dist/src/react/VerifyExistingCard.js +0 -30
  71. package/dist/src/react/VerifyExistingCard.js.map +0 -1
  72. package/dist/src/react/applePayUrl.js +0 -46
  73. package/dist/src/react/applePayUrl.js.map +0 -1
  74. package/dist/src/react/applePayUrl.test.js +0 -57
  75. package/dist/src/react/applePayUrl.test.js.map +0 -1
  76. package/dist/src/react/index.js +0 -13
  77. package/dist/src/react/index.js.map +0 -1
  78. package/dist/src/react/paymentUrl.js +0 -60
  79. package/dist/src/react/paymentUrl.js.map +0 -1
  80. package/dist/src/react/paymentUrl.test.js +0 -88
  81. package/dist/src/react/paymentUrl.test.js.map +0 -1
  82. package/dist/src/react/submitForm.js +0 -13
  83. package/dist/src/react/submitForm.js.map +0 -1
  84. package/dist/src/react/useFatZebra.js +0 -70
  85. package/dist/src/react/useFatZebra.js.map +0 -1
  86. package/dist/src/react/useMessage.js +0 -140
  87. package/dist/src/react/useMessage.js.map +0 -1
  88. package/dist/src/react/useMessage.test.js +0 -222
  89. package/dist/src/react/useMessage.test.js.map +0 -1
  90. package/dist/src/react/verifyUrl.js +0 -49
  91. package/dist/src/react/verifyUrl.js.map +0 -1
  92. package/dist/src/sca/cardinal.js +0 -145
  93. package/dist/src/sca/cardinal.js.map +0 -1
  94. package/dist/src/sca/cardinal.test.js +0 -77
  95. package/dist/src/sca/cardinal.test.js.map +0 -1
  96. package/dist/src/sca/eci-mappings.js +0 -63
  97. package/dist/src/sca/eci-mappings.js.map +0 -1
  98. package/dist/src/sca/eci-mappings.test.js +0 -31
  99. package/dist/src/sca/eci-mappings.test.js.map +0 -1
  100. package/dist/src/sca/index.js +0 -382
  101. package/dist/src/sca/index.js.map +0 -1
  102. package/dist/src/sca/index.test.js +0 -624
  103. package/dist/src/sca/index.test.js.map +0 -1
  104. package/dist/src/sca/scenarios/enrollment.js +0 -161
  105. package/dist/src/sca/scenarios/enrollment.js.map +0 -1
  106. package/dist/src/sca/scenarios/index.js +0 -8
  107. package/dist/src/sca/scenarios/index.js.map +0 -1
  108. package/dist/src/sca/scenarios/validation.js +0 -139
  109. package/dist/src/sca/scenarios/validation.js.map +0 -1
  110. package/dist/src/sca/types.js +0 -57
  111. package/dist/src/sca/types.js.map +0 -1
  112. package/dist/src/shared/api-gateway-client.js +0 -148
  113. package/dist/src/shared/api-gateway-client.js.map +0 -1
  114. package/dist/src/shared/bridge-client.js +0 -24
  115. package/dist/src/shared/bridge-client.js.map +0 -1
  116. package/dist/src/shared/constants.js +0 -19
  117. package/dist/src/shared/constants.js.map +0 -1
  118. package/dist/src/shared/env.development.js +0 -12
  119. package/dist/src/shared/env.development.js.map +0 -1
  120. package/dist/src/shared/env.js +0 -50
  121. package/dist/src/shared/env.js.map +0 -1
  122. package/dist/src/shared/envs/local.js +0 -12
  123. package/dist/src/shared/envs/local.js.map +0 -1
  124. package/dist/src/shared/envs/production.js +0 -12
  125. package/dist/src/shared/envs/production.js.map +0 -1
  126. package/dist/src/shared/envs/sandbox.js +0 -12
  127. package/dist/src/shared/envs/sandbox.js.map +0 -1
  128. package/dist/src/shared/envs/staging.js +0 -12
  129. package/dist/src/shared/envs/staging.js.map +0 -1
  130. package/dist/src/shared/event-manager.js +0 -24
  131. package/dist/src/shared/event-manager.js.map +0 -1
  132. package/dist/src/shared/post-message-client.js +0 -127
  133. package/dist/src/shared/post-message-client.js.map +0 -1
  134. package/dist/src/shared/post-message-client.test.js +0 -58
  135. package/dist/src/shared/post-message-client.test.js.map +0 -1
  136. package/dist/src/shared/types.js +0 -36
  137. package/dist/src/shared/types.js.map +0 -1
  138. package/dist/src/shared/types.test.js +0 -55
  139. package/dist/src/shared/types.test.js.map +0 -1
  140. package/dist/src/shared/util.js +0 -96
  141. package/dist/src/shared/util.js.map +0 -1
  142. package/dist/src/shared/util.test.js +0 -148
  143. package/dist/src/shared/util.test.js.map +0 -1
  144. package/dist/src/validation/index.js +0 -12
  145. package/dist/src/validation/index.js.map +0 -1
  146. package/dist/src/validation/schemas/click-to-pay/load-params.json +0 -34
  147. package/dist/src/validation/schemas/click-to-pay/options.json +0 -23
  148. package/dist/src/validation/schemas/click-to-pay/payment-intent.json +0 -42
  149. package/dist/src/validation/schemas/customer.json +0 -38
  150. package/dist/src/validation/schemas/hpp-load-params.json +0 -40
  151. package/dist/src/validation/schemas/hpp-options.json +0 -48
  152. package/dist/src/validation/schemas/payment-intent.json +0 -48
  153. package/dist/src/validation/schemas/payment-method.json +0 -83
  154. package/dist/src/validation/schemas/verify-card-options.json +0 -15
  155. package/dist/src/validation/schemas/verify-card-params.json +0 -24
  156. package/dist/src/validation/validation-helper.js +0 -10
  157. package/dist/src/validation/validation-helper.js.map +0 -1
  158. package/dist/src/validation/validation-helper.test.js +0 -34
  159. package/dist/src/validation/validation-helper.test.js.map +0 -1
  160. package/dist/src/validation/validators/apple-pay-load-params-button-validator.js +0 -19
  161. package/dist/src/validation/validators/apple-pay-load-params-button-validator.js.map +0 -1
  162. package/dist/src/validation/validators/click-to-pay-load-params-validator.js +0 -19
  163. package/dist/src/validation/validators/click-to-pay-load-params-validator.js.map +0 -1
  164. package/dist/src/validation/validators/hpp-load-params-validator.js +0 -21
  165. package/dist/src/validation/validators/hpp-load-params-validator.js.map +0 -1
  166. package/dist/src/validation/validators/hpp-load-params-validator.test.js +0 -56
  167. package/dist/src/validation/validators/hpp-load-params-validator.test.js.map +0 -1
  168. package/dist/src/validation/validators/verify-card-params-validator.js +0 -23
  169. package/dist/src/validation/validators/verify-card-params-validator.js.map +0 -1
  170. package/dist/src/version.js +0 -5
  171. package/dist/src/version.js.map +0 -1
  172. package/dist/staging/fatzebra.css +0 -91
  173. package/dist/staging/fatzebra.js +0 -19935
  174. package/dist/staging/fatzebra.js.map +0 -1
  175. package/dist/staging/index.html +0 -247
  176. package/dist/tests/helpers/api-gateway-mock.js +0 -37
  177. package/dist/tests/helpers/api-gateway-mock.js.map +0 -1
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.validateClickToPayLoadParams = void 0;
7
- var ajv_1 = __importDefault(require("ajv"));
8
- var payment_intent_json_1 = __importDefault(require("../schemas/click-to-pay/payment-intent.json"));
9
- var options_json_1 = __importDefault(require("../schemas/click-to-pay/options.json"));
10
- var load_params_json_1 = __importDefault(require("../schemas/click-to-pay/load-params.json"));
11
- var validator = new ajv_1.default({
12
- allErrors: true,
13
- jsonPointers: true,
14
- })
15
- .addSchema(payment_intent_json_1.default)
16
- .addSchema(options_json_1.default)
17
- .compile(load_params_json_1.default);
18
- exports.validateClickToPayLoadParams = validator;
19
- //# sourceMappingURL=click-to-pay-load-params-validator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"click-to-pay-load-params-validator.js","sourceRoot":"","sources":["../../../../src/validation/validators/click-to-pay-load-params-validator.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAqB;AACrB,oGAA6E;AAC7E,sFAAgE;AAChE,8FAAiE;AAEjE,IAAM,SAAS,GAAG,IAAI,aAAG,CAAC;IACxB,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,IAAI;CACnB,CAAC;KACC,SAAS,CAAC,6BAAmB,CAAC;KAC9B,SAAS,CAAC,sBAAa,CAAC;KACxB,OAAO,CAAC,0BAAU,CAAC,CAAA;AAGP,iDAA4B"}
@@ -1,21 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.validateHppLoadParams = void 0;
7
- var ajv_1 = __importDefault(require("ajv"));
8
- var customer_json_1 = __importDefault(require("../schemas/customer.json"));
9
- var payment_intent_json_1 = __importDefault(require("../schemas/payment-intent.json"));
10
- var hpp_options_json_1 = __importDefault(require("../schemas/hpp-options.json"));
11
- var hpp_load_params_json_1 = __importDefault(require("../schemas/hpp-load-params.json"));
12
- var validator = new ajv_1.default({
13
- allErrors: true,
14
- jsonPointers: true,
15
- })
16
- .addSchema(customer_json_1.default)
17
- .addSchema(payment_intent_json_1.default)
18
- .addSchema(hpp_options_json_1.default)
19
- .compile(hpp_load_params_json_1.default);
20
- exports.validateHppLoadParams = validator;
21
- //# sourceMappingURL=hpp-load-params-validator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hpp-load-params-validator.js","sourceRoot":"","sources":["../../../../src/validation/validators/hpp-load-params-validator.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAqB;AACrB,2EAAqD;AACrD,uFAAgE;AAChE,iFAA0D;AAC1D,yFAAiE;AAEjE,IAAM,SAAS,GAAG,IAAI,aAAG,CAAC;IACxB,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,IAAI;CACnB,CAAC;KACC,SAAS,CAAC,uBAAc,CAAC;KACzB,SAAS,CAAC,6BAAmB,CAAC;KAC9B,SAAS,CAAC,0BAAgB,CAAC;KAC3B,OAAO,CAAC,8BAAmB,CAAC,CAAA;AAGhB,0CAAqB"}
@@ -1,56 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var hpp_load_params_validator_1 = require("./hpp-load-params-validator");
4
- var customer = {
5
- firstName: 'John',
6
- lastName: 'Doe',
7
- email: 'john.doe@gmail.com',
8
- address: '123 Sesame St.',
9
- city: 'Sin City',
10
- postcode: '2000',
11
- state: 'NSW',
12
- country: 'Australia'
13
- };
14
- var paymentIntent = {
15
- payment: {
16
- amount: 100,
17
- currency: 'AUD',
18
- reference: 'ref123',
19
- hide_card_holder: false,
20
- },
21
- verification: 'ver123'
22
- };
23
- var input;
24
- beforeEach(function () {
25
- input = {
26
- containerId: 'fz-iframe',
27
- customer: customer,
28
- paymentIntent: paymentIntent,
29
- options: {
30
- tokenizeOnly: false
31
- }
32
- };
33
- });
34
- describe('hppLoadParamsValidator', function () {
35
- describe('hppOptions: tokenizeOnly', function () {
36
- it('does not require customer object when true', function () {
37
- delete input.customer;
38
- input.options.tokenizeOnly = true;
39
- var valid = (0, hpp_load_params_validator_1.validateHppLoadParams)(input);
40
- expect(valid).toEqual(true);
41
- });
42
- it('require customer object when false', function () {
43
- input.customer = customer;
44
- input.options.tokenizeOnly = false;
45
- var valid = (0, hpp_load_params_validator_1.validateHppLoadParams)(input);
46
- expect(valid).toEqual(true);
47
- });
48
- it('require customer object when not set', function () {
49
- input.customer = customer;
50
- delete input.options.tokenizeOnly;
51
- var valid = (0, hpp_load_params_validator_1.validateHppLoadParams)(input);
52
- expect(valid).toEqual(true);
53
- });
54
- });
55
- });
56
- //# sourceMappingURL=hpp-load-params-validator.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hpp-load-params-validator.test.js","sourceRoot":"","sources":["../../../../src/validation/validators/hpp-load-params-validator.test.ts"],"names":[],"mappings":";;AAAA,yEAAmE;AAGnE,IAAM,QAAQ,GAAG;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,WAAW;CACrB,CAAA;AAED,IAAM,aAAa,GAAG;IACpB,OAAO,EAAE;QACP,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,QAAQ;QACnB,gBAAgB,EAAE,KAAK;KACxB;IACD,YAAY,EAAE,QAAQ;CACvB,CAAA;AAED,IAAI,KAAoB,CAAA;AAExB,UAAU,CAAC;IACT,KAAK,GAAG;QACN,WAAW,EAAE,WAAW;QACxB,QAAQ,UAAA;QACR,aAAa,eAAA;QACb,OAAO,EAAE;YACP,YAAY,EAAE,KAAK;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,wBAAwB,EAAE;IACjC,QAAQ,CAAC,0BAA0B,EAAE;QACnC,EAAE,CAAC,4CAA4C,EAAE;YAC/C,OAAO,KAAK,CAAC,QAAQ,CAAA;YACrB,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAA;YAEjC,IAAM,KAAK,GAAG,IAAA,iDAAqB,EAAC,KAAK,CAAC,CAAA;YAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,oCAAoC,EAAE;YACvC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;YACzB,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,KAAK,CAAA;YAElC,IAAM,KAAK,GAAG,IAAA,iDAAqB,EAAC,KAAK,CAAC,CAAA;YAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,sCAAsC,EAAE;YACzC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;YACzB,OAAO,KAAK,CAAC,OAAO,CAAC,YAAY,CAAA;YAEjC,IAAM,KAAK,GAAG,IAAA,iDAAqB,EAAC,KAAK,CAAC,CAAA;YAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
@@ -1,23 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.validateVerifyCardParams = void 0;
7
- var ajv_1 = __importDefault(require("ajv"));
8
- var customer_json_1 = __importDefault(require("../schemas/customer.json"));
9
- var payment_intent_json_1 = __importDefault(require("../schemas/payment-intent.json"));
10
- var payment_method_json_1 = __importDefault(require("../schemas/payment-method.json"));
11
- var verify_card_options_json_1 = __importDefault(require("../schemas/verify-card-options.json"));
12
- var verify_card_params_json_1 = __importDefault(require("../schemas/verify-card-params.json"));
13
- var validator = new ajv_1.default({
14
- allErrors: true,
15
- jsonPointers: true,
16
- })
17
- .addSchema(customer_json_1.default)
18
- .addSchema(payment_intent_json_1.default)
19
- .addSchema(payment_method_json_1.default)
20
- .addSchema(verify_card_options_json_1.default)
21
- .compile(verify_card_params_json_1.default);
22
- exports.validateVerifyCardParams = validator;
23
- //# sourceMappingURL=verify-card-params-validator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"verify-card-params-validator.js","sourceRoot":"","sources":["../../../../src/validation/validators/verify-card-params-validator.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAqB;AAErB,2EAAqD;AACrD,uFAAgE;AAChE,uFAAgE;AAChE,iGAAyE;AACzE,+FAAuE;AAEvE,IAAM,SAAS,GAAG,IAAI,aAAG,CAAC;IACxB,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,IAAI;CACnB,CAAC;KACD,SAAS,CAAC,uBAAc,CAAC;KACzB,SAAS,CAAC,6BAAmB,CAAC;KAC9B,SAAS,CAAC,6BAAmB,CAAC;KAC9B,SAAS,CAAC,kCAAuB,CAAC;KAClC,OAAO,CAAC,iCAAsB,CAAC,CAAA;AAGlB,6CAAwB"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.version = void 0;
4
- exports.version = '1.5.4';
5
- //# sourceMappingURL=version.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG,OAAO,CAAC"}
@@ -1,91 +0,0 @@
1
- .checkout-button-wrapper {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- height: 200px;
6
- }
7
-
8
- .iframe-checkout {
9
- flex: 1;
10
- border: none;
11
- width: 100%;
12
- height: 100%;
13
- min-height: 0;
14
- overflow: auto;
15
- -webkit-overflow-scrolling: touch;
16
- }
17
-
18
- .iframe-foreground,
19
- .iframe-background {
20
- top: 0;
21
- left: 0;
22
- right: 0;
23
- bottom: 0;
24
- flex-direction: column;
25
- }
26
-
27
- .iframe-foreground,
28
- .iframe-background {
29
- position: fixed;
30
- }
31
-
32
- .iframe-foreground {
33
- z-index: -1;
34
- }
35
-
36
- .iframe-background {
37
- background: rgba(0, 0, 0, 0.5);
38
- }
39
-
40
- .iframe-foreground {
41
- flex-grow: 1;
42
- top: auto;
43
- width: 100%;
44
- max-width: 480px;
45
- height: 80vh;
46
- background-color: #ffffff;
47
- border-radius: 25px 25px 0 0;
48
- }
49
-
50
- .slide-in .iframe-foreground {
51
- transform: translateY(100vh);
52
- transition: transform 0.4s ease, z-index 0.3s ease 0.4s;
53
- z-index: -1;
54
- }
55
-
56
- .slide-in .iframe-background {
57
- opacity: 0;
58
- z-index: -1;
59
- transition: opacity 0.3s ease, z-index 0.3s ease 0.3s;
60
- }
61
-
62
- .slide-in.show .iframe-foreground {
63
- transform: none;
64
- transition: transform 0.4s ease;
65
- z-index: 100;
66
- }
67
-
68
- .slide-in.show .iframe-background {
69
- opacity: 1;
70
- z-index: 0;
71
- transition: opacity 0.3s ease;
72
- }
73
-
74
- @media only screen and (min-width: 480px) {
75
- .iframe-foreground {
76
- margin: 0 auto;
77
- }
78
- }
79
-
80
- @media only screen and (min-width: 768px) {
81
- .iframe-foreground {
82
- margin: 0;
83
- width: 400px;
84
- height: 100vh;
85
- left: 0;
86
- }
87
-
88
- .slide-in .iframe-foreground {
89
- transform: translateX(-400px);
90
- }
91
- }