@htmlbricks/hb-checkout 0.8.35 → 0.8.42

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/extra/docs.ts CHANGED
@@ -1,4 +1,5 @@
1
- import type { CssPart, CssVar, HtmlSlot, i18nLang, StyleSetup } from "@htmlbricks/hb-jsutils/main";
1
+ import type { CssPart, CssVar, HtmlSlot, i18nLang, StyleSetup, ComponentSetup } from "@htmlbricks/hb-jsutils/main";
2
+ import type { Component } from "../app/types/webcomponent.type";
2
3
 
3
4
  export const storybookArgs = {
4
5
  shipments: { control: { type: "array" } },
@@ -68,11 +69,54 @@ export const styleSetup: StyleSetup = {
68
69
  vars: cssVars,
69
70
  parts: cssParts,
70
71
  };
72
+ const paypal: Component["gateways"][0] = {
73
+ id: "paypal",
74
+ label: "bbbb",
75
+ paypalid: "test",
76
+ };
77
+
78
+ const defaultPayment: Component["payment"] = {
79
+ merchantName: "testmerchant",
80
+ countryCode: "it",
81
+ currencyCode: "EUR",
82
+ total: 45,
83
+ type: "buy",
84
+ };
85
+ const examples: Component[] = [
86
+ {
87
+ shipments: [
88
+ {
89
+ price: 10,
90
+ currency: "€",
71
91
 
72
- export const componentSetup = {
92
+ arriveDate: new Date("2022-01-20T08:03:57.562Z"),
93
+ available: true,
94
+ label: "zio barca",
95
+ id: "ziobarca",
96
+ },
97
+ {
98
+ price: 20,
99
+ currency: "€",
100
+
101
+ arriveDate: new Date("2022-01-21T02:22:57.562Z"),
102
+ available: true,
103
+ label: "zio barca2",
104
+ id: "ziobarca2",
105
+ },
106
+ ],
107
+ gateways: [paypal],
108
+ payment: defaultPayment,
109
+ },
110
+ ];
111
+ export const componentSetup: ComponentSetup & { examples: Component[] } = {
112
+ definitions: null,
73
113
  storybookArgs,
74
114
  styleSetup,
75
115
  htmlSlots,
76
116
  i18n: i18nLanguages,
77
- examples: [],
117
+ examples,
118
+ name: "hb-checkout",
119
+ category: "payment",
120
+ tags: ["payment"],
121
+ size: {},
78
122
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@htmlbricks/hb-checkout",
3
3
  "displayName": "Svelte Payment WebComponent",
4
4
  "description": "Svelte Payment WebComponent",
5
- "version": "0.8.35",
5
+ "version": "0.8.42",
6
6
  "main": "release/release.js",
7
7
  "publishConfig": {
8
8
  "access": "public"
@@ -20,15 +20,18 @@
20
20
  "start": "sirv dist",
21
21
  "dev": "rm -rf ./dist && rollup -c -w",
22
22
  "build": "rm -rf ./dist && rollup -c",
23
- "generate-docs": "cp $PWD/dist/docs.js $PWD/dist/docs.mjs && generate-json-from-js-object --input $PWD/dist/docs.mjs --var componentSetup --output $PWD/dist/docs.type.d.json && rm $PWD/dist/docs.mjs",
24
- "generate-schema": "ts-json-schema-generator --path 'app/types/webcomponent.type.d.ts' > dist/webcomponent.type.d.json",
23
+ "generate-manifest": "npm run generate-schemes && manifester --dir $PWD",
24
+ "generate-component-schema": "ts-json-schema-generator --type 'Component' --path 'app/types/webcomponent.type.d.ts' > dist/webcomponent.type.d.json",
25
+ "generate-events-schema": "ts-json-schema-generator --type 'Events' --path 'app/types/webcomponent.type.d.ts' > dist/webcomponent_events.type.d.json",
26
+ "generate-schemes": "npm run generate-events-schema && npm run generate-component-schema",
25
27
  "copydest": "rm -rf release && mkdir -p release && mkdir -p release && cp dist/* ./release/",
26
28
  "build-extra": "tsc --moduleResolution node --module es2020 --esModuleInterop true --outDir dist --sourceMap --skipLibCheck extra/*",
27
- "build:release": "PRODUCTION=true npm run build && npm run build-extra && npm run generate-schema && npm run generate-docs && npm run copydest",
29
+ "build:release": "PRODUCTION=true npm run build && npm run build-extra && npm run generate-manifest && npm run copydest",
28
30
  "prepublish": "npm run build:release"
29
31
  },
30
32
  "devDependencies": {
31
- "@htmlbricks/hb-jsutils": "^0.8.35",
33
+ "@htmlbricks/hb-jsutils": "^0.8.42",
34
+ "@htmlbricks/manifester": "^0.0.5",
32
35
  "@rollup/plugin-alias": "^3.1.2",
33
36
  "@rollup/plugin-commonjs": "^18.0.0",
34
37
  "@rollup/plugin-json": "^4.1.0",
@@ -42,7 +45,6 @@
42
45
  "eslint": "^7.25.0",
43
46
  "eslint-plugin-jsdoc": "^33.0.0",
44
47
  "eslint-plugin-svelte3": "^3.2.0",
45
- "generate-json-from-js-object": "^0.0.17",
46
48
  "node-sass": "^6.0.1",
47
49
  "postcss": "^8.2.13",
48
50
  "postcss-load-config": "^3.0.1",
@@ -69,8 +71,8 @@
69
71
  },
70
72
  "dependencies": {
71
73
  "@google-pay/button-element": "^3.0.0",
72
- "@htmlbricks/hb-form": "^0.8.35",
73
- "@htmlbricks/hb-payment-paypal": "^0.8.35",
74
+ "@htmlbricks/hb-form": "^0.8.42",
75
+ "@htmlbricks/hb-payment-paypal": "^0.8.42",
74
76
  "dayjs": "^1.10.7",
75
77
  "debounce": "^1.2.1"
76
78
  },
@@ -81,5 +83,5 @@
81
83
  "html5-webcomponents"
82
84
  ],
83
85
  "contributors": [],
84
- "gitHead": "ee78d4e50af1bce7b80bcf458de52e2a8f33444c"
86
+ "gitHead": "d6919a86b5627d502a37fe2a28830a32724d0a52"
85
87
  }
package/release/docs.js CHANGED
@@ -62,11 +62,52 @@ export var styleSetup = {
62
62
  vars: cssVars,
63
63
  parts: cssParts
64
64
  };
65
+ var paypal = {
66
+ id: "paypal",
67
+ label: "bbbb",
68
+ paypalid: "test"
69
+ };
70
+ var defaultPayment = {
71
+ merchantName: "testmerchant",
72
+ countryCode: "it",
73
+ currencyCode: "EUR",
74
+ total: 45,
75
+ type: "buy"
76
+ };
77
+ var examples = [
78
+ {
79
+ shipments: [
80
+ {
81
+ price: 10,
82
+ currency: "€",
83
+ arriveDate: new Date("2022-01-20T08:03:57.562Z"),
84
+ available: true,
85
+ label: "zio barca",
86
+ id: "ziobarca"
87
+ },
88
+ {
89
+ price: 20,
90
+ currency: "€",
91
+ arriveDate: new Date("2022-01-21T02:22:57.562Z"),
92
+ available: true,
93
+ label: "zio barca2",
94
+ id: "ziobarca2"
95
+ },
96
+ ],
97
+ gateways: [paypal],
98
+ payment: defaultPayment
99
+ },
100
+ ];
65
101
  export var componentSetup = {
102
+ definitions: null,
66
103
  storybookArgs: storybookArgs,
67
104
  styleSetup: styleSetup,
68
105
  htmlSlots: htmlSlots,
69
106
  i18n: i18nLanguages,
70
- examples: []
107
+ examples: examples,
108
+ name: "hb-checkout",
109
+ category: "payment",
110
+ tags: ["payment"],
111
+ size: {}
71
112
  };
72
113
  //# sourceMappingURL=docs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"docs.js","sourceRoot":"","sources":["../extra/docs.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,aAAa,GAAG;IAC5B,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IACzC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACrC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IACxC,gBAAgB,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE;IAChD,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAChC,YAAY,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;IACxC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IACxC,UAAU,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;IACpC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;CACjE,CAAC;AAEF,IAAM,OAAO,GAAa;IACzB;QACC,IAAI,EAAE,cAAc;QACpB,YAAY,EAAE,OAAO;QACrB,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,OAAO;KAClB;IACD;QACC,IAAI,EAAE,uBAAuB;QAC7B,YAAY,EAAE,QAAQ;QACtB,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,OAAO;KAClB;IACD;QACC,IAAI,EAAE,qBAAqB;QAC3B,YAAY,EAAE,wCAAwC;QACtD,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,QAAQ;KACnB;IAED,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE;IACzF,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE;IAC3F,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE;IACzF,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE;IACtF,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE;IACzF,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE;CACxF,CAAC;AACF,MAAM,CAAC,IAAM,QAAQ,GAAc;IAClC;QACC,IAAI,EAAE,OAAO;KACb;IACD;QACC,IAAI,EAAE,UAAU;KAChB;CACD,CAAC;AACF,MAAM,CAAC,IAAM,SAAS,GAAe;IACpC;QACC,IAAI,EAAE,eAAe;KACrB;IACD;QACC,IAAI,EAAE,mBAAmB;KACzB;IAED;QACC,IAAI,EAAE,UAAU;KAChB;IACD;QACC,IAAI,EAAE,OAAO;KACb;CACD,CAAC;AACF,MAAM,CAAC,IAAM,aAAa,GAAe,EAAE,CAAC;AAE5C,MAAM,CAAC,IAAM,UAAU,GAAe;IACrC,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG;IAC7B,aAAa,eAAA;IACb,UAAU,YAAA;IACV,SAAS,WAAA;IACT,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,EAAE;CACZ,CAAC"}
1
+ {"version":3,"file":"docs.js","sourceRoot":"","sources":["../extra/docs.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,113 @@
1
+ export var storybookArgs = {
2
+ shipments: { control: { type: "array" } },
3
+ user: { control: { type: "object" } },
4
+ payment: { control: { type: "object" } },
5
+ paymentCompleted: { action: "paymentCompleted" },
6
+ saveUser: { action: "saveUser" },
7
+ saveShipment: { action: "saveShipment" },
8
+ gateways: { control: { type: "array" } },
9
+ setGateway: { action: "setGateway" },
10
+ completed: { control: { type: "radio" }, options: ["yes", "no"] }
11
+ };
12
+ var cssVars = [
13
+ {
14
+ name: "--edit-color",
15
+ defaultValue: "green",
16
+ description: "",
17
+ valueType: "color"
18
+ },
19
+ {
20
+ name: "--paypal-button-color",
21
+ defaultValue: "yellow",
22
+ description: "",
23
+ valueType: "color"
24
+ },
25
+ {
26
+ name: "--hb-heckout-border",
27
+ defaultValue: "0.5px solid rgba(197, 197, 197, 0.808)",
28
+ description: "",
29
+ valueType: "string"
30
+ },
31
+ { name: "--bs-primary", valueType: "color", theme: "bootstrap", defaultValue: "#07689f" },
32
+ { name: "--bs-secondary", valueType: "color", theme: "bootstrap", defaultValue: "#c9d6df" },
33
+ { name: "--bs-success", valueType: "color", theme: "bootstrap", defaultValue: "#11d3bc" },
34
+ { name: "--bs-info", valueType: "color", theme: "bootstrap", defaultValue: "#a2d5f2" },
35
+ { name: "--bs-warning", valueType: "color", theme: "bootstrap", defaultValue: "#ffc107" },
36
+ { name: "--bs-danger", valueType: "color", theme: "bootstrap", defaultValue: "#f67280" },
37
+ ];
38
+ export var cssParts = [
39
+ {
40
+ name: "title"
41
+ },
42
+ {
43
+ name: "subtitle"
44
+ },
45
+ ];
46
+ export var htmlSlots = [
47
+ {
48
+ name: "payment_terms"
49
+ },
50
+ {
51
+ name: "payment_completed"
52
+ },
53
+ {
54
+ name: "userinfo"
55
+ },
56
+ {
57
+ name: "title"
58
+ },
59
+ ];
60
+ export var i18nLanguages = [];
61
+ export var styleSetup = {
62
+ vars: cssVars,
63
+ parts: cssParts
64
+ };
65
+ var paypal = {
66
+ id: "paypal",
67
+ label: "bbbb",
68
+ paypalid: "test"
69
+ };
70
+ var defaultPayment = {
71
+ merchantName: "testmerchant",
72
+ countryCode: "it",
73
+ currencyCode: "EUR",
74
+ total: 45,
75
+ type: "buy"
76
+ };
77
+ var examples = [
78
+ {
79
+ shipments: [
80
+ {
81
+ price: 10,
82
+ currency: "€",
83
+ arriveDate: new Date("2022-01-20T08:03:57.562Z"),
84
+ available: true,
85
+ label: "zio barca",
86
+ id: "ziobarca"
87
+ },
88
+ {
89
+ price: 20,
90
+ currency: "€",
91
+ arriveDate: new Date("2022-01-21T02:22:57.562Z"),
92
+ available: true,
93
+ label: "zio barca2",
94
+ id: "ziobarca2"
95
+ },
96
+ ],
97
+ gateways: [paypal],
98
+ payment: defaultPayment
99
+ },
100
+ ];
101
+ export var componentSetup = {
102
+ definitions: null,
103
+ storybookArgs: storybookArgs,
104
+ styleSetup: styleSetup,
105
+ htmlSlots: htmlSlots,
106
+ i18n: i18nLanguages,
107
+ examples: examples,
108
+ name: "hb-checkout",
109
+ category: "payment",
110
+ tags: ["payment"],
111
+ size: {}
112
+ };
113
+ //# sourceMappingURL=docs.js.map
package/release/docs.ts CHANGED
@@ -1,4 +1,5 @@
1
- import type { CssPart, CssVar, HtmlSlot, i18nLang, StyleSetup } from "@htmlbricks/hb-jsutils/main";
1
+ import type { CssPart, CssVar, HtmlSlot, i18nLang, StyleSetup, ComponentSetup } from "@htmlbricks/hb-jsutils/main";
2
+ import type { Component } from "../app/types/webcomponent.type";
2
3
 
3
4
  export const storybookArgs = {
4
5
  shipments: { control: { type: "array" } },
@@ -68,11 +69,54 @@ export const styleSetup: StyleSetup = {
68
69
  vars: cssVars,
69
70
  parts: cssParts,
70
71
  };
72
+ const paypal: Component["gateways"][0] = {
73
+ id: "paypal",
74
+ label: "bbbb",
75
+ paypalid: "test",
76
+ };
77
+
78
+ const defaultPayment: Component["payment"] = {
79
+ merchantName: "testmerchant",
80
+ countryCode: "it",
81
+ currencyCode: "EUR",
82
+ total: 45,
83
+ type: "buy",
84
+ };
85
+ const examples: Component[] = [
86
+ {
87
+ shipments: [
88
+ {
89
+ price: 10,
90
+ currency: "€",
71
91
 
72
- export const componentSetup = {
92
+ arriveDate: new Date("2022-01-20T08:03:57.562Z"),
93
+ available: true,
94
+ label: "zio barca",
95
+ id: "ziobarca",
96
+ },
97
+ {
98
+ price: 20,
99
+ currency: "€",
100
+
101
+ arriveDate: new Date("2022-01-21T02:22:57.562Z"),
102
+ available: true,
103
+ label: "zio barca2",
104
+ id: "ziobarca2",
105
+ },
106
+ ],
107
+ gateways: [paypal],
108
+ payment: defaultPayment,
109
+ },
110
+ ];
111
+ export const componentSetup: ComponentSetup & { examples: Component[] } = {
112
+ definitions: null,
73
113
  storybookArgs,
74
114
  styleSetup,
75
115
  htmlSlots,
76
116
  i18n: i18nLanguages,
77
- examples: [],
117
+ examples,
118
+ name: "hb-checkout",
119
+ category: "payment",
120
+ tags: ["payment"],
121
+ size: {},
78
122
  };