@hotwax/dxp-components 1.5.3 → 1.7.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.
@@ -1,50 +1,51 @@
1
- export declare const useAuthStore: import("pinia").StoreDefinition<"userAuth", {
2
- token: {
3
- value: string;
4
- expiration: undefined;
5
- };
6
- oms: string;
7
- }, {
8
- getToken: (state: {
9
- token: {
10
- value: string;
11
- expiration: undefined;
12
- };
13
- oms: string;
14
- } & import("pinia").PiniaCustomStateProperties<{
15
- token: {
16
- value: string;
17
- expiration: undefined;
18
- };
19
- oms: string;
20
- }>) => {
21
- value: string;
22
- expiration: undefined;
23
- };
24
- getOms: (state: {
25
- token: {
26
- value: string;
27
- expiration: undefined;
28
- };
29
- oms: string;
30
- } & import("pinia").PiniaCustomStateProperties<{
31
- token: {
32
- value: string;
33
- expiration: undefined;
34
- };
35
- oms: string;
36
- }>) => string;
37
- isAuthenticated: (state: {
38
- token: {
39
- value: string;
40
- expiration: undefined;
41
- };
42
- oms: string;
43
- } & import("pinia").PiniaCustomStateProperties<{
44
- token: {
45
- value: string;
46
- expiration: undefined;
47
- };
48
- oms: string;
49
- }>) => boolean | "";
50
- }, {}>;
1
+ export declare const useAuthStore: import("pinia").StoreDefinition<"userAuth", {
2
+ token: {
3
+ value: string;
4
+ expiration: any;
5
+ };
6
+ oms: string;
7
+ }, {
8
+ getToken: (state: {
9
+ token: {
10
+ value: string;
11
+ expiration: any;
12
+ };
13
+ oms: string;
14
+ } & import("pinia").PiniaCustomStateProperties<{
15
+ token: {
16
+ value: string;
17
+ expiration: any;
18
+ };
19
+ oms: string;
20
+ }>) => {
21
+ value: string;
22
+ expiration: any;
23
+ };
24
+ getOms: (state: {
25
+ token: {
26
+ value: string;
27
+ expiration: any;
28
+ };
29
+ oms: string;
30
+ } & import("pinia").PiniaCustomStateProperties<{
31
+ token: {
32
+ value: string;
33
+ expiration: any;
34
+ };
35
+ oms: string;
36
+ }>) => string;
37
+ isAuthenticated: (state: {
38
+ token: {
39
+ value: string;
40
+ expiration: any;
41
+ };
42
+ oms: string;
43
+ } & import("pinia").PiniaCustomStateProperties<{
44
+ token: {
45
+ value: string;
46
+ expiration: any;
47
+ };
48
+ oms: string;
49
+ }>) => boolean;
50
+ }, {}>;
51
+ //# sourceMappingURL=auth.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/store/auth.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuBvB,CAAC"}
@@ -1,43 +1,44 @@
1
- export declare const useProductIdentificationStore: import("pinia").StoreDefinition<"productIdentification", {
2
- productIdentificationPref: {
3
- primaryId: string;
4
- secondaryId: string;
5
- };
6
- productIdentificationOptions: string[];
7
- }, {
8
- getProductIdentificationPref: (state: {
9
- productIdentificationPref: {
10
- primaryId: string;
11
- secondaryId: string;
12
- };
13
- productIdentificationOptions: string[];
14
- } & import("pinia").PiniaCustomStateProperties<{
15
- productIdentificationPref: {
16
- primaryId: string;
17
- secondaryId: string;
18
- };
19
- productIdentificationOptions: string[];
20
- }>) => {
21
- primaryId: string;
22
- secondaryId: string;
23
- };
24
- getProductIdentificationOptions: (state: {
25
- productIdentificationPref: {
26
- primaryId: string;
27
- secondaryId: string;
28
- };
29
- productIdentificationOptions: string[];
30
- } & import("pinia").PiniaCustomStateProperties<{
31
- productIdentificationPref: {
32
- primaryId: string;
33
- secondaryId: string;
34
- };
35
- productIdentificationOptions: string[];
36
- }>) => string[];
37
- }, {
38
- setProductIdentificationPref(id: string, value: string, eComStoreId: string): Promise<void>;
39
- getIdentificationPref(eComStoreId: string): Promise<{
40
- primaryId: string;
41
- secondaryId: string;
42
- } | undefined>;
43
- }>;
1
+ export declare const useProductIdentificationStore: import("pinia").StoreDefinition<"productIdentification", {
2
+ productIdentificationPref: {
3
+ primaryId: string;
4
+ secondaryId: string;
5
+ };
6
+ productIdentificationOptions: string[];
7
+ }, {
8
+ getProductIdentificationPref: (state: {
9
+ productIdentificationPref: {
10
+ primaryId: string;
11
+ secondaryId: string;
12
+ };
13
+ productIdentificationOptions: string[];
14
+ } & import("pinia").PiniaCustomStateProperties<{
15
+ productIdentificationPref: {
16
+ primaryId: string;
17
+ secondaryId: string;
18
+ };
19
+ productIdentificationOptions: string[];
20
+ }>) => {
21
+ primaryId: string;
22
+ secondaryId: string;
23
+ };
24
+ getProductIdentificationOptions: (state: {
25
+ productIdentificationPref: {
26
+ primaryId: string;
27
+ secondaryId: string;
28
+ };
29
+ productIdentificationOptions: string[];
30
+ } & import("pinia").PiniaCustomStateProperties<{
31
+ productIdentificationPref: {
32
+ primaryId: string;
33
+ secondaryId: string;
34
+ };
35
+ productIdentificationOptions: string[];
36
+ }>) => string[];
37
+ }, {
38
+ setProductIdentificationPref(id: any, value: any, eComStoreId: any): Promise<void>;
39
+ getIdentificationPref(eComStoreId: any): Promise<{
40
+ primaryId: string;
41
+ secondaryId: string;
42
+ }>;
43
+ }>;
44
+ //# sourceMappingURL=productIdentification.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"productIdentification.d.ts","sourceRoot":"","sources":["../../src/store/productIdentification.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCxC,CAAC"}
@@ -0,0 +1,22 @@
1
+ export declare const useUserStore: import("pinia").StoreDefinition<"user", {
2
+ locale: string;
3
+ localeOptions: any;
4
+ }, {
5
+ getLocale: (state: {
6
+ locale: string;
7
+ localeOptions: any;
8
+ } & import("pinia").PiniaCustomStateProperties<{
9
+ locale: string;
10
+ localeOptions: any;
11
+ }>) => string;
12
+ getLocaleOptions: (state: {
13
+ locale: string;
14
+ localeOptions: any;
15
+ } & import("pinia").PiniaCustomStateProperties<{
16
+ locale: string;
17
+ localeOptions: any;
18
+ }>) => any;
19
+ }, {
20
+ setLocale(payload: any): void;
21
+ }>;
22
+ //# sourceMappingURL=user.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../src/store/user.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;EAiBvB,CAAC"}
package/lib/style.css ADDED
@@ -0,0 +1 @@
1
+ html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;overflow:hidden;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden,[hidden]{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: constant(safe-area-inset-top)){html{--ion-safe-area-top: constant(safe-area-inset-top);--ion-safe-area-bottom: constant(safe-area-inset-bottom);--ion-safe-area-left: constant(safe-area-inset-left);--ion-safe-area-right: constant(safe-area-inset-right)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}a{background-color:transparent;color:var(--ion-color-primary, #3880ff)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:26px}h2{margin-top:18px;font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.ion-padding{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.ion-padding-start{padding-left:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.ion-padding-end{padding-right:unset;-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.ion-padding-horizontal{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.ion-margin{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.ion-margin-start{margin-left:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.ion-margin-end{margin-right:unset;-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.ion-margin-horizontal{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}[dir=rtl] .ion-float-start,:host-context([dir=rtl]) .ion-float-start{float:right!important}.ion-float-end{float:right!important}[dir=rtl] .ion-float-end,:host-context([dir=rtl]) .ion-float-end{float:left!important}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}[dir=rtl] .ion-float-sm-start,:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}.ion-float-sm-end{float:right!important}[dir=rtl] .ion-float-sm-end,:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}[dir=rtl] .ion-float-md-start,:host-context([dir=rtl]) .ion-float-md-start{float:right!important}.ion-float-md-end{float:right!important}[dir=rtl] .ion-float-md-end,:host-context([dir=rtl]) .ion-float-md-end{float:left!important}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}[dir=rtl] .ion-float-lg-start,:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}.ion-float-lg-end{float:right!important}[dir=rtl] .ion-float-lg-end,:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}[dir=rtl] .ion-float-xl-start,:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}.ion-float-xl-end{float:right!important}[dir=rtl] .ion-float-xl-end,:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}
@@ -0,0 +1,3 @@
1
+ declare const initialiseFirebaseApp: (appFirebaseConfig: any, appFirebaseVapidKey: any, storeClientRegistrationToken: any, addNotification: any) => Promise<void>;
2
+ export { initialiseFirebaseApp };
3
+ //# sourceMappingURL=firebase.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"firebase.d.ts","sourceRoot":"","sources":["../../src/utils/firebase.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,qBAAqB,8HAoB1B,CAAC;AACF,OAAO,EACL,qBAAqB,EACtB,CAAC"}
@@ -1,2 +1,4 @@
1
- declare const goToOms: (token: string, oms: string) => void;
2
- export { goToOms };
1
+ declare const goToOms: (token: any, oms: any) => void;
2
+ declare const getProductIdentificationValue: (productIdentifier: any, product: any) => any;
3
+ export { getProductIdentificationValue, goToOms };
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,OAAO,gCAGZ,CAAC;AACF,QAAA,MAAM,6BAA6B,+CAWlC,CAAC;AACF,OAAO,EACL,6BAA6B,EAC7B,OAAO,EACR,CAAC"}
package/package.json CHANGED
@@ -1,42 +1,56 @@
1
1
  {
2
2
  "name": "@hotwax/dxp-components",
3
- "version": "1.5.3",
3
+ "version": "1.7.0",
4
4
  "description": "",
5
- "main": "lib/index.js",
5
+ "type": "module",
6
+ "main": "lib/index.cjs",
7
+ "module": "lib/index.js",
8
+ "exports": {
9
+ ".": "./lib/index.js",
10
+ "./style.css": "./lib/style.css"
11
+ },
12
+ "browser": {
13
+ "./styles.css": "./lib/style.css"
14
+ },
6
15
  "types": "lib/index.d.ts",
7
16
  "files": [
8
- "lib/**/*"
17
+ "lib"
9
18
  ],
10
19
  "scripts": {
11
- "watch": "babel --watch src --out-dir lib --extensions '.ts,.tsx'",
12
- "tsc": "tsc --noEmit false --emitDeclarationOnly",
13
- "build": "babel src --out-dir lib --extensions '.js,.ts,.tsx,.jsx' && npm run tsc"
20
+ "dev": "vite",
21
+ "build": "vue-tsc --noEmit && vite build",
22
+ "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
14
23
  },
15
24
  "author": "HotWax Commerce",
16
25
  "license": "Apache-2.0",
17
26
  "dependencies": {
18
27
  "@hotwax/oms-api": "^1.8.1",
28
+ "firebase": "^10.3.1",
29
+ "@ionic/core": "^6.7.5",
30
+ "@ionic/vue": "^6.7.5",
19
31
  "luxon": "^3.3.0",
20
32
  "pinia": "2.0.36",
21
33
  "pinia-plugin-persistedstate": "^3.1.0",
22
- "vue": "^3.3.4"
34
+ "vue": "^3.3.4",
35
+ "vue-i18n": "^9.2.2"
23
36
  },
24
37
  "devDependencies": {
25
- "@babel/cli": "^7.21.5",
26
- "@babel/core": "^7.22.1",
27
- "@babel/plugin-syntax-jsx": "^7.22.5",
28
- "@babel/preset-env": "^7.22.4",
29
- "@babel/preset-typescript": "^7.21.5",
38
+ "@babel/types": "^7.22.11",
30
39
  "@types/luxon": "^3.3.0",
31
- "@vue/babel-plugin-jsx": "^1.1.1",
32
- "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
33
- "babel-plugin-module-resolver": "^4.1.0",
34
- "babel-preset-vue": "^2.0.2",
35
- "eslint": "^7.32.0",
36
- "typescript": "~4.7.4"
40
+ "@types/node": "^20.5.7",
41
+ "@vitejs/plugin-vue": "^4.3.4",
42
+ "@vue/eslint-config-prettier": "^8.0.0",
43
+ "@vue/eslint-config-typescript": "^11.0.3",
44
+ "@vue/tsconfig": "^0.1.3",
45
+ "eslint": "^8.48.0",
46
+ "eslint-plugin-vue": "^9.17.0",
47
+ "rollup-plugin-typescript2": "^0.35.0",
48
+ "typescript": "~4.7.4",
49
+ "vite": "^4.4.9",
50
+ "vue-tsc": "^1.8.8"
37
51
  },
38
52
  "repository": {
39
53
  "type": "git",
40
54
  "url": "https://github.com/hotwax/dxp-components"
41
55
  }
42
- }
56
+ }
@@ -1,87 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _vue = require("vue");
8
- var _index = require("../index");
9
- var _luxon = require("luxon");
10
- var _default = (0, _vue.defineComponent)({
11
- template: `
12
- <div style='position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);'>
13
- <h4 v-if='errorMsg.length'>
14
- {{ errorMsg }}
15
- </h4>
16
- </div>
17
- `,
18
- data() {
19
- return {
20
- errorMsg: '',
21
- authStore: {},
22
- router: {},
23
- route: {}
24
- };
25
- },
26
- async mounted() {
27
- this.authStore = (0, _index.useAuthStore)();
28
- this.router = _index.appContext.config.globalProperties.$router;
29
- this.route = _index.appContext.config.globalProperties.$route;
30
- if (!Object.keys(this.route.query).length) {
31
- window.location.href = _index.loginContext.appLoginUrl;
32
- return;
33
- }
34
- const {
35
- token,
36
- oms,
37
- expirationTime
38
- } = this.route.query;
39
- this.handleUserFlow(token, oms, expirationTime);
40
- },
41
- methods: {
42
- async handleUserFlow(token, oms, expirationTime) {
43
- // fetch the current config for the user
44
- const appConfig = _index.loginContext.getConfig();
45
-
46
- // logout to clear current user state, don't mark the user as logout as we just want to clear the user data
47
- await _index.loginContext.logout({
48
- isUserUnauthorised: true
49
- });
50
-
51
- // reset the config that we got from the oms-api, as on logout we clear the config of oms-api
52
- await _index.loginContext.initialise(appConfig);
53
-
54
- // checking if token from launchpad has expired and redirecting there only
55
- if (+expirationTime < _luxon.DateTime.now().toMillis()) {
56
- console.error('User token has expired, redirecting to launchpad.');
57
- this.errorMsg = 'User token has expired, redirecting to launchpad.';
58
- const redirectUrl = window.location.origin + '/login'; // current app URL
59
- window.location.href = `${_index.loginContext.appLoginUrl}?isLoggedOut=true&redirectUrl=${redirectUrl}`;
60
- return;
61
- }
62
-
63
- // update the previously set values if the user opts ending the previous session
64
- this.authStore.$patch({
65
- token: {
66
- value: token,
67
- expiration: expirationTime
68
- },
69
- oms
70
- });
71
- _index.loginContext.loader.present('Logging in');
72
- try {
73
- await _index.loginContext.login({
74
- token,
75
- oms
76
- });
77
- this.router.push('/');
78
- } catch (error) {
79
- console.error(error);
80
- this.errorMsg = 'Unable to login. Please contact the administrator';
81
- } finally {
82
- _index.loginContext.loader.dismiss();
83
- }
84
- }
85
- }
86
- });
87
- exports.default = _default;
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _vue = require("vue");
8
- var _index = require("../index");
9
- var _default = (0, _vue.defineComponent)({
10
- template: `
11
- <img :src="imageUrl"/>
12
- `,
13
- data() {
14
- return {
15
- imageUrl: _index.shopifyImgContext.defaultImgUrl
16
- };
17
- },
18
- props: ['src', 'size'],
19
- mounted() {
20
- this.setImageUrl();
21
- },
22
- updated() {
23
- this.setImageUrl();
24
- },
25
- methods: {
26
- prepareImgUrl(src, size) {
27
- // return original size if no size is given
28
- if (!size) return src;
29
- // remove any current image size then add the new image size
30
- return src.replace(/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g, '.').replace(/\.jpg|\.png|\.gif|\.jpeg/g, function (match) {
31
- return '_' + size + match;
32
- });
33
- },
34
- checkIfImageExists(src) {
35
- return new Promise((resolve, reject) => {
36
- const img = new Image();
37
- img.onload = function () {
38
- resolve(true);
39
- };
40
- img.onerror = function () {
41
- reject(false);
42
- };
43
- img.src = src;
44
- });
45
- },
46
- setImageUrl() {
47
- if (this.src) {
48
- const src = this.prepareImgUrl(this.src, this.size);
49
- this.checkIfImageExists(src).then(() => {
50
- this.imageUrl = src;
51
- });
52
- }
53
- }
54
- }
55
- });
56
- exports.default = _default;
package/lib/store/auth.js DELETED
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useAuthStore = void 0;
7
- var _pinia = require("pinia");
8
- var _luxon = require("luxon");
9
- const useAuthStore = (0, _pinia.defineStore)('userAuth', {
10
- state: () => {
11
- return {
12
- token: {
13
- value: '',
14
- expiration: undefined
15
- },
16
- oms: ''
17
- };
18
- },
19
- getters: {
20
- getToken: state => state.token,
21
- getOms: state => state.oms,
22
- isAuthenticated: state => {
23
- let isTokenExpired = false;
24
- if (state.token.expiration) {
25
- const currTime = _luxon.DateTime.now().toMillis();
26
- isTokenExpired = state.token.expiration < currTime;
27
- }
28
- return state.token.value && !isTokenExpired;
29
- }
30
- },
31
- persist: true
32
- });
33
- exports.useAuthStore = useAuthStore;
@@ -1,51 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useProductIdentificationStore = void 0;
7
- var _index = require("../index");
8
- var _pinia = require("pinia");
9
- const useProductIdentificationStore = (0, _pinia.defineStore)('productIdentification', {
10
- state: () => {
11
- return {
12
- productIdentificationPref: {
13
- primaryId: '',
14
- secondaryId: ''
15
- },
16
- productIdentificationOptions: ["productId", "groupId", "groupName", "internalName", "parentProductName", "primaryProductCategoryName", "productId", "sku", "title", "SHOPIFY_PROD_SKU"]
17
- };
18
- },
19
- getters: {
20
- getProductIdentificationPref: state => state.productIdentificationPref,
21
- getProductIdentificationOptions: state => state.productIdentificationOptions
22
- },
23
- actions: {
24
- async setProductIdentificationPref(id, value, eComStoreId) {
25
- const productIdentificationPref = JSON.parse(JSON.stringify(this.getProductIdentificationPref));
26
-
27
- // When eComStoreId is not available then make the values change to what selected previously
28
- if (!eComStoreId) {
29
- this.productIdentificationPref = productIdentificationPref;
30
- return;
31
- }
32
- productIdentificationPref[id] = value;
33
- try {
34
- this.productIdentificationPref = await _index.productIdentificationContext.setProductIdentificationPref(eComStoreId, productIdentificationPref);
35
- } catch (err) {
36
- console.log('error', err);
37
- }
38
- },
39
- async getIdentificationPref(eComStoreId) {
40
- // when selecting none as ecom store, not fetching the pref as it returns all the entries with the pref id
41
- if (!eComStoreId) {
42
- return this.productIdentificationPref = {
43
- primaryId: 'productId',
44
- secondaryId: ''
45
- };
46
- }
47
- this.productIdentificationPref = await _index.productIdentificationContext.getProductIdentificationPref(eComStoreId);
48
- }
49
- }
50
- });
51
- exports.useProductIdentificationStore = useProductIdentificationStore;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.goToOms = void 0;
7
- const goToOms = (token, oms) => {
8
- const link = (oms.startsWith('http') ? oms.replace(/api\/?/, "") : `https://${oms}.hotwax.io/`) + `?token=${token}`;
9
- window.open(link, '_blank', 'noopener, noreferrer');
10
- };
11
- exports.goToOms = goToOms;