@thryveai/theme-interfaces 1.4.11 → 1.4.12-beta1

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/.eslintignore CHANGED
@@ -12,13 +12,6 @@
12
12
  /dist
13
13
  /lib
14
14
 
15
- # output files
16
- /default-theme.interface.d.ts
17
- /theme.interfaces.d.ts
18
- /index.d.ts
19
- /icons.interfaces.d.ts
20
- /retailer-settings.interfaces.d.ts
21
-
22
15
  # misc
23
16
  .DS_Store
24
17
  .env.local
package/.eslintrc.js CHANGED
@@ -14,22 +14,6 @@ module.exports = {
14
14
  },
15
15
  plugins: ['eslint-plugin-prettier', 'prettier'],
16
16
  rules: {
17
- 'prettier/prettier': ['error'],
18
- 'sort-imports': [
19
- 'error',
20
- {
21
- allowSeparatedGroups: false,
22
- ignoreCase: false,
23
- ignoreDeclarationSort: false,
24
- ignoreMemberSort: false,
25
- memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single']
26
- }
27
- ],
28
- 'sort-keys': [
29
- 'error',
30
- 'asc',
31
- { caseSensitive: true, minKeys: 2, natural: false }
32
- ],
33
- 'sort-vars': ['error', { ignoreCase: true }]
17
+ 'prettier/prettier': ['error']
34
18
  }
35
19
  };
@@ -1,24 +1,20 @@
1
1
  import { IconNames } from './icons.interfaces';
2
-
3
2
  export interface IDefaultTheme extends IInitializedEmptyDefaultTheme {
4
3
  theme: IDefaultThemeInterface;
5
4
  images: IDefaultThemeImages;
6
5
  }
7
-
8
- export type IDefaultThemeMetadata = IDefaultThemeMetadataItem[];
9
- export type IDefaultThemeFavicons = IDefaultThemeFavicon[];
10
- export type IDefaultThemeLogoPosition = 'header' | 'modal' | 'content';
11
- export type IIconPosition = 'left' | 'right';
12
-
6
+ export declare type IDefaultThemeMetadata = IDefaultThemeMetadataItem[];
7
+ export declare type IDefaultThemeFavicons = IDefaultThemeFavicon[];
8
+ export declare type IDefaultThemeLogoPosition = 'header' | 'modal' | 'content';
9
+ export declare type IIconPosition = 'left' | 'right';
13
10
  export interface IDefaultThemeLogoHeightsProps {
14
11
  desktop: string;
15
12
  tablet: string;
16
13
  mobile: string;
17
14
  }
18
- export type IDefaultThemeLogoHeights = {
15
+ export declare type IDefaultThemeLogoHeights = {
19
16
  [key in IDefaultThemeLogoPosition]: IDefaultThemeLogoHeightsProps;
20
17
  };
21
-
22
18
  export interface ISTSDefaultThemeInterface {
23
19
  headerHeight: string;
24
20
  }
@@ -31,7 +27,6 @@ export interface IDefaultThemeMetadataItem {
31
27
  name: string;
32
28
  content: string;
33
29
  }
34
-
35
30
  export interface IDefaultThemeImages {
36
31
  favicon: string;
37
32
  logos: {
@@ -58,7 +53,6 @@ export interface IDefaultThemeImages {
58
53
  verifySiteImage: string;
59
54
  favicons: IDefaultThemeFavicons;
60
55
  }
61
-
62
56
  export interface IDefaultThemeInterface {
63
57
  colors: {
64
58
  brandColors: IBrandColors;
@@ -97,16 +91,31 @@ export interface IDefaultThemeInterface {
97
91
  clearBtnColor: string;
98
92
  searchButton: {
99
93
  desktop: {
100
- static: { color: string; backgroundColor: string };
101
- hover: { color: string; backgroundColor: string };
102
- clicked: { color: string; backgroundColor: string };
94
+ static: {
95
+ color: string;
96
+ backgroundColor: string;
97
+ };
98
+ hover: {
99
+ color: string;
100
+ backgroundColor: string;
101
+ };
102
+ clicked: {
103
+ color: string;
104
+ backgroundColor: string;
105
+ };
103
106
  };
104
107
  tablet: {
105
- static: { color: string };
106
- clicked: { color: string };
108
+ static: {
109
+ color: string;
110
+ };
111
+ clicked: {
112
+ color: string;
113
+ };
107
114
  };
108
115
  mobile: {
109
- static: { color: string };
116
+ static: {
117
+ color: string;
118
+ };
110
119
  };
111
120
  };
112
121
  suggestions: {
@@ -436,7 +445,6 @@ interface IInputFields {
436
445
  color: string;
437
446
  placeholderColor: string;
438
447
  }
439
-
440
448
  interface ICouponClippedBtnColorType extends IQSButtonColorType {
441
449
  clippedIconColor: string;
442
450
  }
@@ -449,16 +457,14 @@ interface IButtonType {
449
457
  static: IButtonColorType;
450
458
  textTransform: ITextTransform;
451
459
  }
452
- type ITextTransform =
460
+ declare type ITextTransform =
453
461
  | 'none'
454
462
  | 'capitalize'
455
463
  | 'uppercase'
456
464
  | 'lowercase'
457
465
  | 'initial'
458
466
  | 'inherit';
459
-
460
- type ITextPosition = 'left' | 'center' | 'right';
461
-
467
+ declare type ITextPosition = 'left' | 'center' | 'right';
462
468
  interface IFilterSort extends ICommonColors {
463
469
  borderRadius: string;
464
470
  }
@@ -507,9 +513,7 @@ export interface IGlobalDefaultTheme {
507
513
  bodyFontColor: string;
508
514
  bodyBackgroundColor: string;
509
515
  }
510
-
511
- export type IDefaultColors = IBrandColors & IUiColors;
512
-
516
+ export declare type IDefaultColors = IBrandColors & IUiColors;
513
517
  interface IBrandColors {
514
518
  primary1: string;
515
519
  primary2: string;
@@ -547,12 +551,10 @@ interface IUiColors {
547
551
  greyscale6: string;
548
552
  greyscale7: string;
549
553
  }
550
-
551
554
  export interface IInitializedEmptyDefaultTheme {
552
555
  exports?: any;
553
556
  }
554
-
555
- type IFontWeights =
557
+ declare type IFontWeights =
556
558
  | 'normal'
557
559
  | 'bold'
558
560
  | 'bolder'
@@ -560,7 +562,6 @@ type IFontWeights =
560
562
  | number
561
563
  | 'initial'
562
564
  | 'inherit';
563
-
564
565
  interface INavBottom extends INavStyles {
565
566
  hoverColor: string;
566
567
  textTransform: ITextTransform;
@@ -576,32 +577,26 @@ interface INavStyles {
576
577
  visited: ILinkType;
577
578
  };
578
579
  }
579
-
580
580
  interface INavActiveColors {
581
581
  activeColor: string;
582
582
  activeBackgroundColor: string;
583
583
  }
584
-
585
584
  interface IHeaderLinksProps extends INavStyles, INavActiveColors {
586
585
  fontWeight: IFontWeights;
587
586
  borderRadius: string;
588
587
  }
589
-
590
588
  interface IHeaderActionLinksProps extends IHeaderLinksProps {
591
589
  fontFamily: string;
592
590
  }
593
-
594
591
  interface IMinimalHeaderProps extends INavStyles {
595
592
  iconColor: string;
596
593
  }
597
-
598
594
  interface IAddToCartButton {
599
595
  bgColor: string;
600
596
  borderColor: string;
601
597
  color: string;
602
598
  iconColor: string;
603
599
  }
604
-
605
600
  interface IFacets extends IPillButtons {
606
601
  iconColor: string;
607
602
  }
@@ -618,56 +613,49 @@ interface IPillButtons {
618
613
  textDecorationHover: 'none' | 'underline';
619
614
  padding: string;
620
615
  }
621
-
622
616
  interface IProductBadges {
623
617
  borderRadius: string;
624
618
  }
625
-
626
619
  interface ICheckoutCards {
627
620
  borderRadius: string;
628
621
  }
629
-
630
622
  interface ILoyaltyCardDimensions {
631
623
  width: number;
632
624
  height: number;
633
625
  }
634
-
635
626
  interface ILoyaltyCardIdFields {
636
627
  staticBorder: string;
637
628
  hoverBorder: string;
638
629
  activeBorder: string;
639
630
  errorBorder: string;
640
631
  }
641
-
642
632
  interface ILoyaltyCardInput {
643
633
  borderRadius: string;
644
634
  backgroundColor: string;
645
635
  borderColor: string;
646
636
  idFields: ILoyaltyCardIdFields;
647
637
  }
648
-
649
638
  interface ILoyaltyCardInfoList {
650
639
  color: string;
651
640
  borderColor: string;
652
641
  }
653
-
654
- export type IDefaultThemeAnimationsConfettiPlacesTypes = 'successModals';
642
+ export declare type IDefaultThemeAnimationsConfettiPlacesTypes =
643
+ 'successModals';
655
644
  export interface IDefaultThemeGlobalAnimations {
656
645
  confettiAnimation: IDefaultThemeAnimationConfettiPlaces;
657
646
  }
658
- export type IDefaultThemeAnimationConfettiPlaces = {
647
+ export declare type IDefaultThemeAnimationConfettiPlaces = {
659
648
  [key in IDefaultThemeAnimationsConfettiPlacesTypes]: IDefaultThemeAnimationsConfettiProps;
660
649
  };
661
650
  export interface IDefaultThemeAnimationsConfettiProps {
662
651
  colors: string[];
663
652
  }
664
-
665
653
  export interface IDefaultEmbeddedFont {
666
654
  fontFamily: string;
667
655
  sourceSet: IDefaultEmbeddedFontSource[];
668
656
  }
669
-
670
657
  export interface IDefaultEmbeddedFontSource {
671
658
  url: string;
672
659
  format: string;
673
660
  }
661
+ export {};
@@ -0,0 +1,130 @@
1
+ export declare type IIconsObject = {
2
+ [iconName in IconNames]: string;
3
+ };
4
+ export declare type PaymentTypesLogos =
5
+ | 'VisaLogo'
6
+ | 'MasterLogo'
7
+ | 'DiscoverCard'
8
+ | 'AmExpCard'
9
+ | 'VisaVerified'
10
+ | 'MasterSecure'
11
+ | 'Comodo';
12
+ export declare type PaymentCards =
13
+ | 'VisaCard'
14
+ | 'MasterCard'
15
+ | 'DiscoverCard'
16
+ | 'AmExpCard';
17
+ export declare type IconNames =
18
+ | 'AccountOutline'
19
+ | 'AccountSolid'
20
+ | 'Addresses'
21
+ | 'ArrowDown'
22
+ | 'ArrowRight'
23
+ | 'ArrowUpdown'
24
+ | 'BarScan'
25
+ | 'Bell'
26
+ | 'Blog'
27
+ | 'Cart'
28
+ | 'Check'
29
+ | 'ChevronDown'
30
+ | 'ChevronLeft'
31
+ | 'ChevronRight'
32
+ | 'ChevronUp'
33
+ | 'Circular'
34
+ | 'Clear'
35
+ | 'Close'
36
+ | 'Coupon'
37
+ | 'Dashboard'
38
+ | 'DeliveryOutline'
39
+ | 'DeliverySolid'
40
+ | 'Dietary'
41
+ | 'DoubleArrows'
42
+ | 'Download'
43
+ | 'Dropship'
44
+ | 'Eco'
45
+ | 'Edit'
46
+ | 'Error'
47
+ | 'FaceHappy'
48
+ | 'FaceSad'
49
+ | 'Facebook'
50
+ | 'Fav'
51
+ | 'FavSolid'
52
+ | 'Filter'
53
+ | 'Flag'
54
+ | 'Geolocate'
55
+ | 'Hamburger'
56
+ | 'Help'
57
+ | 'Home'
58
+ | 'Info'
59
+ | 'Instacart'
60
+ | 'Instagram'
61
+ | 'ItemLocation'
62
+ | 'ListCheck'
63
+ | 'ListItems'
64
+ | 'ListLarge'
65
+ | 'ListRemove'
66
+ | 'ListSave'
67
+ | 'ListSearch'
68
+ | 'LocationPin'
69
+ | 'LocationDistance'
70
+ | 'LoyaltyCard'
71
+ | 'Mail'
72
+ | 'Minus'
73
+ | 'MoreOptionsH'
74
+ | 'MoreOptionsV'
75
+ | 'Note'
76
+ | 'Notifications'
77
+ | 'NoteFilled'
78
+ | 'Orders'
79
+ | 'PastPurchases'
80
+ | 'Pause'
81
+ | 'PaymentOutline'
82
+ | 'PaymentSolid'
83
+ | 'Phone'
84
+ | 'PhoneMobile'
85
+ | 'Pickup'
86
+ | 'PickupInfo'
87
+ | 'Pinterest'
88
+ | 'Plus'
89
+ | 'Print'
90
+ | 'PromoOutline'
91
+ | 'PromoSolid'
92
+ | 'RadioActive'
93
+ | 'RadioEmpty'
94
+ | 'RecipeCalories'
95
+ | 'RecipeCooktime'
96
+ | 'RecipeIngredients'
97
+ | 'RecipePreptime'
98
+ | 'RecipeServings'
99
+ | 'Remove'
100
+ | 'Reserve'
101
+ | 'ReserveTime'
102
+ | 'Search'
103
+ | 'SelectCheck'
104
+ | 'SelectEmpty'
105
+ | 'SelectMark'
106
+ | 'Send'
107
+ | 'Settings'
108
+ | 'Share'
109
+ | 'SortGrid'
110
+ | 'SortList'
111
+ | 'StarOutline'
112
+ | 'StarSolid'
113
+ | 'Substitute'
114
+ | 'SubstituteBestmatch'
115
+ | 'SubstituteNone'
116
+ | 'SubstituteProduct'
117
+ | 'Trash'
118
+ | 'Twitter'
119
+ | 'Unavailable'
120
+ | 'Voice'
121
+ | 'Warning'
122
+ | 'Youtube'
123
+ | 'YourLocation'
124
+ | 'GlutenFree'
125
+ | 'Local'
126
+ | 'Organic'
127
+ | 'None'
128
+ | PaymentTypesLogos
129
+ | PaymentCards;
130
+ export declare const IconNamesToFiles: IIconsObject;
@@ -64,7 +64,6 @@ import {
64
64
  IEmbeddedFont,
65
65
  IEmbeddedFontSource
66
66
  } from './theme.interfaces';
67
-
68
67
  import {
69
68
  IDefaultTheme,
70
69
  IDefaultThemeScripts,
@@ -88,7 +87,6 @@ import {
88
87
  IDefaultEmbeddedFont,
89
88
  IDefaultEmbeddedFontSource
90
89
  } from './default-theme.interface';
91
- // themes
92
90
  export {
93
91
  IDefaultTheme,
94
92
  IDefaultThemeScripts,
@@ -133,7 +131,6 @@ export {
133
131
  IEmbeddedFont,
134
132
  IEmbeddedFontSource
135
133
  };
136
- // icons
137
134
  export {
138
135
  IIconsObject,
139
136
  PaymentTypesLogos,
@@ -141,7 +138,6 @@ export {
141
138
  IconNames,
142
139
  IconNamesToFiles
143
140
  };
144
- // retailer settings
145
141
  export {
146
142
  IRetailerSettings,
147
143
  ISecondTierAuthorization,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thryveai/theme-interfaces",
3
- "version": "1.4.11",
3
+ "version": "1.4.12beta1",
4
4
  "description": "Shared Interfaces for all ThryveAi storefront retailer themes.",
5
5
  "scripts": {
6
6
  "build": "tsc && npm run lint -- --fix",
@@ -1,5 +1,4 @@
1
1
  import { IconNames, PaymentCards } from './icons.interfaces';
2
-
3
2
  export interface IRetailerSettings {
4
3
  accountPage?: IAccountPageSettings;
5
4
  advertSettings?: IAdvertSettings;
@@ -77,11 +76,9 @@ export interface IRetailerSettings {
77
76
  subHeaderHeight?: number;
78
77
  useAddressValidation?: boolean;
79
78
  }
80
-
81
79
  export interface IExternalApps {
82
80
  sts?: IExternalAppSTS;
83
81
  }
84
-
85
82
  export interface IExternalAppSTS {
86
83
  customTermPolicy?: string;
87
84
  }
@@ -89,60 +86,52 @@ export interface ISecondTierAuthorization {
89
86
  time: undefined | null | number;
90
87
  pages: string[];
91
88
  }
92
-
93
89
  export interface IFlippConfig {
94
90
  version: 1;
95
- production: boolean; // true
96
- scriptUrl: IFlippScriptUrls; // 'flyers.stg.v8.mywebgrocer'
91
+ production: boolean;
92
+ scriptUrl: IFlippScriptUrls;
97
93
  retailer:
98
94
  | 'wakefernpricerite'
99
95
  | 'saveonfoods'
100
96
  | 'unitedsupermarkets'
101
97
  | 'dearbornmarket'
102
98
  | 'saveonfoods';
103
- autoLocate: boolean; // false
104
- useRequestedDomain: boolean; // true - will change in prod
99
+ autoLocate: boolean;
100
+ useRequestedDomain: boolean;
105
101
  }
106
-
107
102
  export interface IFlippConfigV2 {
108
103
  version: 2;
109
104
  retailer: string;
110
105
  merchantId: string;
111
106
  accessToken: string;
112
107
  }
113
-
114
- export type IFlippScriptUrls =
108
+ export declare type IFlippScriptUrls =
115
109
  | 'circulars.priceritemarketplace'
116
110
  | 'circulars.dearbornmarket'
117
111
  | 'flyers.v8.commerce.mi9cloud'
118
112
  | 'flyers.stg.v8.mywebgrocer'
119
113
  | 'flyers.saveonfoods';
120
-
121
- export type IAllSettings = {
114
+ export declare type IAllSettings = {
122
115
  [envName in IEnvNames]: IRetailerSettings;
123
116
  };
124
-
125
117
  export interface ISMSConfig {
126
118
  enabled: boolean;
127
119
  getEnrollmentUrl: string;
128
120
  postEnrollmentUrl: string;
129
121
  }
130
-
131
122
  export interface IPageAdvertsRow {
132
123
  [row: number]: IAdvertsData;
133
124
  }
134
- export type IScreenType = 'mobile' | 'tablet' | 'desktop';
135
-
125
+ export declare type IScreenType = 'mobile' | 'tablet' | 'desktop';
136
126
  export interface ITimeslotModalSettings {
137
127
  showOnAddToCart: boolean;
138
128
  timeslotRequiredToAddToCart: boolean;
139
129
  timeslotRequiredToViewCartReview: boolean;
140
130
  }
141
-
142
- export type IAdvertsData = {
131
+ export declare type IAdvertsData = {
143
132
  [screen in IScreenType]?: string;
144
133
  };
145
- export type IAdvertSettings = {
134
+ export declare type IAdvertSettings = {
146
135
  page_homepage?: IAdvertLeaderboards;
147
136
  page_search?: IAdvertLeaderboards & IAdvertProductGrid & IAdvertSkyScrapers;
148
137
  page_cart?: IAdvertLeaderboards & IAdvertSkyScrapers;
@@ -153,15 +142,12 @@ export type IAdvertSettings = {
153
142
  IAdvertProductGrid &
154
143
  IAdvertSkyScrapers;
155
144
  };
156
-
157
- export type IPageNamesForAdverts = {
145
+ export declare type IPageNamesForAdverts = {
158
146
  [key in keyof IAdvertSettings]: string;
159
147
  };
160
-
161
148
  export interface IAdvertLeaderboards {
162
149
  leaderboards?: IPageAdvertsRow;
163
150
  }
164
-
165
151
  export interface IAdvertProductGrid {
166
152
  productGrid?: {
167
153
  leaderboards?: IPageAdvertsRow;
@@ -237,33 +223,28 @@ export interface IDefaultRetailerSettings {
237
223
  timeslotModalSettings: ITimeslotModalSettings;
238
224
  useAddressValidation: boolean;
239
225
  }
240
-
241
226
  export interface IGoogleAutocompleteSettings {
242
227
  types?: IGoogleAutocompleteTypes;
243
228
  bounds?: IGoogleAutocompleteBounds;
244
229
  strictBounds?: boolean;
245
230
  restrictCountries?: string[];
246
231
  }
247
-
248
232
  interface IGoogleAutocompleteBounds {
249
233
  south_latitude: number;
250
234
  west_longitude: number;
251
235
  north_latitude: number;
252
236
  east_longitude: number;
253
237
  }
254
-
255
- type IGoogleAutocompleteTypes =
238
+ declare type IGoogleAutocompleteTypes =
256
239
  | 'geocode'
257
240
  | 'address'
258
241
  | 'establishment'
259
242
  | '(regions)'
260
243
  | '(cities)';
261
-
262
244
  export interface ICtaButtons {
263
245
  iconAlignment: 'left' | 'right' | null;
264
246
  iconName: IconNames;
265
247
  }
266
-
267
248
  export interface IAddressesSettings {
268
249
  addressValidationTypes: IAddressValidationTypes;
269
250
  canadianAddressCompleteKey: string | undefined;
@@ -275,7 +256,6 @@ export interface IAddressesSettings {
275
256
  };
276
257
  useAddressValidation: boolean;
277
258
  }
278
-
279
259
  export interface IAccountPageSettings {
280
260
  loyaltyTab: {
281
261
  disabledEdit?: boolean;
@@ -285,13 +265,10 @@ export interface IAccountPageSettings {
285
265
  loyaltyValidationType: IValidationType[];
286
266
  };
287
267
  }
288
-
289
268
  export interface ILayoutSettings {
290
269
  footerVersion: IFooterTypes;
291
270
  }
292
-
293
- export type ILoggingLevel = 'error' | 'warning' | 'info' | 'debug';
294
-
271
+ export declare type ILoggingLevel = 'error' | 'warning' | 'info' | 'debug';
295
272
  export interface IAddressValidationTypes {
296
273
  addressLine1: IValidationType[];
297
274
  addressLine2: IValidationType[];
@@ -303,28 +280,23 @@ export interface IAddressValidationTypes {
303
280
  phoneNumber: IValidationType[];
304
281
  postCode: IValidationType[];
305
282
  }
306
-
307
283
  export interface IDefaultSearchParams {
308
284
  q: string;
309
285
  page: string;
310
286
  skip: string;
311
287
  take: string;
312
288
  }
313
-
314
289
  export interface IDefaultStoreLocation {
315
290
  latitude: number;
316
291
  longitude: number;
317
292
  }
318
-
319
- export type IDefaultCounty =
293
+ export declare type IDefaultCounty =
320
294
  | 'USA'
321
295
  | 'Canada'
322
296
  | 'Ireland'
323
297
  | 'Australia'
324
298
  | string;
325
-
326
- export type IRetailerCountry = 'us' | 'ca' | 'ie' | 'au';
327
-
299
+ export declare type IRetailerCountry = 'us' | 'ca' | 'ie' | 'au';
328
300
  export interface IRestrictMapPlaces {
329
301
  country?: string | string[];
330
302
  postalCode?: string;
@@ -336,8 +308,7 @@ export interface IRestrictMapPlaces {
336
308
  totalTake: number;
337
309
  };
338
310
  }
339
-
340
- export type IValidationType =
311
+ export declare type IValidationType =
341
312
  | IValidateDateRange
342
313
  | IValidateLength
343
314
  | 'luhnValidation'
@@ -364,9 +335,7 @@ export type IValidationType =
364
335
  | 'iePostCode'
365
336
  | 'noSpecialChar'
366
337
  | 'correctDate';
367
-
368
- // 'stagingConfig' & 'productionConfig' are for backwards compatibility.
369
- type IEnvNames =
338
+ declare type IEnvNames =
370
339
  | 'dev'
371
340
  | 'de2'
372
341
  | 'qat'
@@ -379,27 +348,23 @@ type IEnvNames =
379
348
  | 'st2'
380
349
  | 'stagingConfig'
381
350
  | 'productionConfig';
382
-
383
- export type INutritionZone = 'us' | 'eu' | 'au' | 'ca';
384
- export type IFooterTypes =
351
+ export declare type INutritionZone = 'us' | 'eu' | 'au' | 'ca';
352
+ export declare type IFooterTypes =
385
353
  | 'default'
386
354
  | 'version2'
387
355
  | 'version3'
388
356
  | 'version4'
389
357
  | 'version5';
390
-
391
- export type IValidateLength = {
358
+ export declare type IValidateLength = {
392
359
  _type: 'less' | 'more' | 'exact';
393
360
  length: number;
394
361
  };
395
- export type IValidateDateRange = {
362
+ export declare type IValidateDateRange = {
396
363
  _type: 'overYears';
397
364
  overYears: number;
398
365
  };
399
-
400
- export type IRegistrationFieldTypes = 'default' | 'version2';
401
-
402
- export type IRegistrationFieldNames =
366
+ export declare type IRegistrationFieldTypes = 'default' | 'version2';
367
+ export declare type IRegistrationFieldNames =
403
368
  | 'phone'
404
369
  | 'loyaltyId'
405
370
  | 'isAdultConfirmed'
@@ -412,13 +377,11 @@ export interface IRegistrationField {
412
377
  designVersion: IRegistrationFieldTypes;
413
378
  validationTypes: IValidationType[];
414
379
  }
415
-
416
380
  export interface ICheckoutValidation {
417
381
  instructions: IValidationType[];
418
382
  phoneNumber: IValidationType[];
419
383
  smsNumber: IValidationType[];
420
384
  }
421
-
422
385
  interface ISearchPreview {
423
386
  suggestions: boolean;
424
387
  products: boolean;
@@ -427,34 +390,34 @@ export interface ISearchPreviewVisibility {
427
390
  desktop?: ISearchPreview;
428
391
  mobile?: ISearchPreview;
429
392
  }
430
-
431
393
  export declare type IPaymentCards = {
432
394
  [cardName in PaymentCards]: boolean;
433
395
  };
434
-
435
396
  export interface IGlobalAnimations {
436
397
  confetti: ILayoutAnimationsConfetti;
437
398
  }
438
-
439
399
  export interface ILayoutAnimationsConfetti {
440
400
  enableConfettiAnimation: boolean;
441
401
  }
442
-
443
402
  export interface IGlobalCheckoutProps {
444
403
  numericPhonePayload: boolean;
445
404
  }
446
-
447
405
  export interface IAddressIntegration {
448
406
  enabled: boolean;
449
407
  getAddressesUrl: string;
450
408
  getLocationUrl: string;
451
409
  addressFinderType: IAddressFinderType;
452
410
  }
453
-
454
- export type IAddressFinderType = 'AUS' | 'EU' | 'IE' | 'US' | 'UK' | 'CA';
455
-
411
+ export declare type IAddressFinderType =
412
+ | 'AUS'
413
+ | 'EU'
414
+ | 'IE'
415
+ | 'US'
416
+ | 'UK'
417
+ | 'CA';
456
418
  export interface IPdpDetailsLayout {
457
419
  desktop: string[];
458
420
  mobileTab1: string[];
459
421
  mobileTab2: string[];
460
422
  }
423
+ export {};
@@ -1,24 +1,20 @@
1
1
  import { IconNames } from './icons.interfaces';
2
-
3
2
  export interface ITheme extends IInitializedEmptyTheme {
4
3
  theme?: IThemeInterface;
5
4
  images?: IThemeImages;
6
5
  }
7
-
8
- export type IThemeMetadata = IThemeMetadataItem[];
9
- export type IThemeFavicons = IThemeFavicon[];
10
- export type IThemeLogoPosition = 'header' | 'modal' | 'content';
11
- export type IIconPosition = 'left' | 'right';
12
-
6
+ export declare type IThemeMetadata = IThemeMetadataItem[];
7
+ export declare type IThemeFavicons = IThemeFavicon[];
8
+ export declare type IThemeLogoPosition = 'header' | 'modal' | 'content';
9
+ export declare type IIconPosition = 'left' | 'right';
13
10
  export interface IThemeLogoHeightsProps {
14
11
  desktop?: string;
15
12
  tablet?: string;
16
13
  mobile?: string;
17
14
  }
18
- export type IThemeLogoHeights = {
15
+ export declare type IThemeLogoHeights = {
19
16
  [key in IThemeLogoPosition]?: IThemeLogoHeightsProps;
20
17
  };
21
-
22
18
  export interface ISTSThemeInterface {
23
19
  headerHeight?: string;
24
20
  }
@@ -31,7 +27,6 @@ export interface IThemeMetadataItem {
31
27
  name?: string;
32
28
  content?: string;
33
29
  }
34
-
35
30
  export interface IThemeImages {
36
31
  favicon?: string;
37
32
  logos?: {
@@ -58,7 +53,6 @@ export interface IThemeImages {
58
53
  verifySiteImage?: string;
59
54
  favicons?: IThemeFavicons;
60
55
  }
61
-
62
56
  export interface IThemeInterface {
63
57
  colors?: {
64
58
  brandColors?: IBrandColors;
@@ -97,16 +91,31 @@ export interface IThemeInterface {
97
91
  clearBtnColor?: string;
98
92
  searchButton?: {
99
93
  desktop?: {
100
- static?: { color?: string; backgroundColor?: string };
101
- hover?: { color?: string; backgroundColor?: string };
102
- clicked?: { color?: string; backgroundColor?: string };
94
+ static?: {
95
+ color?: string;
96
+ backgroundColor?: string;
97
+ };
98
+ hover?: {
99
+ color?: string;
100
+ backgroundColor?: string;
101
+ };
102
+ clicked?: {
103
+ color?: string;
104
+ backgroundColor?: string;
105
+ };
103
106
  };
104
107
  tablet?: {
105
- static?: { color?: string };
106
- clicked?: { color?: string };
108
+ static?: {
109
+ color?: string;
110
+ };
111
+ clicked?: {
112
+ color?: string;
113
+ };
107
114
  };
108
115
  mobile?: {
109
- static?: { color?: string };
116
+ static?: {
117
+ color?: string;
118
+ };
110
119
  };
111
120
  };
112
121
  suggestions?: {
@@ -436,7 +445,6 @@ interface IInputFields {
436
445
  color?: string;
437
446
  placeholderColor?: string;
438
447
  }
439
-
440
448
  interface ICouponClippedBtnColorType extends IQSButtonColorType {
441
449
  clippedIconColor?: string;
442
450
  }
@@ -449,16 +457,14 @@ interface IButtonType {
449
457
  static?: IButtonColorType;
450
458
  textTransform?: ITextTransform;
451
459
  }
452
- type ITextTransform =
460
+ declare type ITextTransform =
453
461
  | 'none'
454
462
  | 'capitalize'
455
463
  | 'uppercase'
456
464
  | 'lowercase'
457
465
  | 'initial'
458
466
  | 'inherit';
459
-
460
- type ITextPosition = 'left' | 'center' | 'right';
461
-
467
+ declare type ITextPosition = 'left' | 'center' | 'right';
462
468
  interface IFilterSort extends ICommonColors {
463
469
  borderRadius?: string;
464
470
  }
@@ -507,9 +513,7 @@ export interface IGlobalTheme {
507
513
  bodyFontColor?: string;
508
514
  bodyBackgroundColor?: string;
509
515
  }
510
-
511
- export type IColors = IBrandColors & IUiColors;
512
-
516
+ export declare type IColors = IBrandColors & IUiColors;
513
517
  interface IBrandColors {
514
518
  primary1?: string;
515
519
  primary2?: string;
@@ -547,12 +551,10 @@ interface IUiColors {
547
551
  greyscale6?: string;
548
552
  greyscale7?: string;
549
553
  }
550
-
551
554
  export interface IInitializedEmptyTheme {
552
555
  exports?: any;
553
556
  }
554
-
555
- type IFontWeights =
557
+ declare type IFontWeights =
556
558
  | 'normal'
557
559
  | 'bold'
558
560
  | 'bolder'
@@ -560,7 +562,6 @@ type IFontWeights =
560
562
  | number
561
563
  | 'initial'
562
564
  | 'inherit';
563
-
564
565
  interface INavBottom extends INavStyles {
565
566
  hoverColor?: string;
566
567
  textTransform?: ITextTransform;
@@ -576,32 +577,26 @@ interface INavStyles {
576
577
  visited?: ILinkType;
577
578
  };
578
579
  }
579
-
580
580
  interface INavActiveColors {
581
581
  activeColor?: string;
582
582
  activeBackgroundColor?: string;
583
583
  }
584
-
585
584
  interface IHeaderLinksProps extends INavStyles, INavActiveColors {
586
585
  fontWeight?: IFontWeights;
587
586
  borderRadius?: string;
588
587
  }
589
-
590
588
  interface IHeaderActionLinksProps extends IHeaderLinksProps {
591
589
  fontFamily?: string;
592
590
  }
593
-
594
591
  interface IMinimalHeaderProps extends INavStyles {
595
592
  iconColor?: string;
596
593
  }
597
-
598
594
  interface IAddToCartButton {
599
595
  bgColor?: string;
600
596
  borderColor?: string;
601
597
  color?: string;
602
598
  iconColor?: string;
603
599
  }
604
-
605
600
  interface IFacets extends IPillButtons {
606
601
  iconColor?: string;
607
602
  }
@@ -618,58 +613,50 @@ interface IPillButtons {
618
613
  textDecorationHover?: 'none' | 'underline';
619
614
  padding?: string;
620
615
  }
621
-
622
616
  interface IProductBadges {
623
617
  borderRadius?: string;
624
618
  }
625
-
626
619
  interface ICheckoutCards {
627
620
  borderRadius?: string;
628
621
  }
629
-
630
622
  interface ILoyaltyCardDimensions {
631
623
  width?: number;
632
624
  height?: number;
633
625
  }
634
-
635
626
  interface ILoyaltyCardIdFields {
636
627
  staticBorder?: string;
637
628
  hoverBorder?: string;
638
629
  activeBorder?: string;
639
630
  errorBorder?: string;
640
631
  }
641
-
642
632
  interface ILoyaltyCardInput {
643
633
  borderRadius?: string;
644
634
  backgroundColor?: string;
645
635
  borderColor?: string;
646
636
  idFields?: ILoyaltyCardIdFields;
647
637
  }
648
-
649
638
  interface ILoyaltyCardInfoList {
650
639
  color?: string;
651
640
  borderColor?: string;
652
641
  }
653
-
654
- export type IThemeAnimationsConfettiPlacesTypes = 'successModals';
642
+ export declare type IThemeAnimationsConfettiPlacesTypes = 'successModals';
655
643
  export interface IThemeGlobalAnimations {
656
644
  confettiAnimation?: IThemeAnimationConfettiPlaces;
657
645
  }
658
- export type IThemeAnimationConfettiPlaces = {
646
+ export declare type IThemeAnimationConfettiPlaces = {
659
647
  [key in IThemeAnimationsConfettiPlacesTypes]?: IThemeAnimationsConfettiProps;
660
648
  };
661
649
  export interface IThemeAnimationsConfettiProps {
662
650
  colors?: string[];
663
651
  }
664
-
665
652
  export interface IEmbeddedFont {
666
653
  fontFamily?: string;
667
654
  sourceSet?: IEmbeddedFontSource[];
668
655
  fontWeight?: number;
669
656
  fontStyle?: string;
670
657
  }
671
-
672
658
  export interface IEmbeddedFontSource {
673
659
  url?: string;
674
660
  format?: string;
675
661
  }
662
+ export {};
@@ -1,254 +0,0 @@
1
- export declare type IIconsObject = {
2
- [iconName in IconNames]: string;
3
- };
4
-
5
- export type PaymentTypesLogos =
6
- | 'VisaLogo'
7
- | 'MasterLogo'
8
- | 'DiscoverCard'
9
- | 'AmExpCard'
10
- | 'VisaVerified'
11
- | 'MasterSecure'
12
- | 'Comodo';
13
-
14
- export type PaymentCards =
15
- | 'VisaCard'
16
- | 'MasterCard'
17
- | 'DiscoverCard'
18
- | 'AmExpCard';
19
-
20
- export type IconNames =
21
- | 'AccountOutline'
22
- | 'AccountSolid'
23
- | 'Addresses'
24
- | 'ArrowDown'
25
- | 'ArrowRight'
26
- | 'ArrowUpdown'
27
- | 'BarScan'
28
- | 'Bell'
29
- | 'Blog'
30
- | 'Cart'
31
- | 'Check'
32
- | 'ChevronDown'
33
- | 'ChevronLeft'
34
- | 'ChevronRight'
35
- | 'ChevronUp'
36
- | 'Circular'
37
- | 'Clear'
38
- | 'Close'
39
- | 'Coupon'
40
- | 'Dashboard'
41
- | 'DeliveryOutline'
42
- | 'DeliverySolid'
43
- | 'Dietary'
44
- | 'DoubleArrows'
45
- | 'Download'
46
- | 'Dropship'
47
- | 'Eco'
48
- | 'Edit'
49
- | 'Error'
50
- | 'FaceHappy'
51
- | 'FaceSad'
52
- | 'Facebook'
53
- | 'Fav'
54
- | 'FavSolid'
55
- | 'Filter'
56
- | 'Flag'
57
- | 'Geolocate'
58
- | 'Hamburger'
59
- | 'Help'
60
- | 'Home'
61
- | 'Info'
62
- | 'Instacart'
63
- | 'Instagram'
64
- | 'ItemLocation'
65
- | 'ListCheck'
66
- | 'ListItems'
67
- | 'ListLarge'
68
- | 'ListRemove'
69
- | 'ListSave'
70
- | 'ListSearch'
71
- | 'LocationPin'
72
- | 'LocationDistance'
73
- | 'LoyaltyCard'
74
- | 'Mail'
75
- | 'Minus'
76
- | 'MoreOptionsH'
77
- | 'MoreOptionsV'
78
- | 'Note'
79
- | 'Notifications'
80
- | 'NoteFilled'
81
- | 'Orders'
82
- | 'PastPurchases'
83
- | 'Pause'
84
- | 'PaymentOutline'
85
- | 'PaymentSolid'
86
- | 'Phone'
87
- | 'PhoneMobile'
88
- | 'Pickup'
89
- | 'PickupInfo'
90
- | 'Pinterest'
91
- | 'Plus'
92
- | 'Print'
93
- | 'PromoOutline'
94
- | 'PromoSolid'
95
- | 'RadioActive'
96
- | 'RadioEmpty'
97
- | 'RecipeCalories'
98
- | 'RecipeCooktime'
99
- | 'RecipeIngredients'
100
- | 'RecipePreptime'
101
- | 'RecipeServings'
102
- | 'Remove'
103
- | 'Reserve'
104
- | 'ReserveTime'
105
- | 'Search'
106
- | 'SelectCheck'
107
- | 'SelectEmpty'
108
- | 'SelectMark'
109
- | 'Send'
110
- | 'Settings'
111
- | 'Share'
112
- | 'SortGrid'
113
- | 'SortList'
114
- | 'StarOutline'
115
- | 'StarSolid'
116
- | 'Substitute'
117
- | 'SubstituteBestmatch'
118
- | 'SubstituteNone'
119
- | 'SubstituteProduct'
120
- | 'Trash'
121
- | 'Twitter'
122
- | 'Unavailable'
123
- | 'Voice'
124
- | 'Warning'
125
- | 'Youtube'
126
- | 'YourLocation'
127
- | 'GlutenFree'
128
- | 'Local'
129
- | 'Organic'
130
- | 'None'
131
- | PaymentTypesLogos
132
- | PaymentCards;
133
-
134
- export const IconNamesToFiles: IIconsObject = {
135
- AccountOutline: 'account-outline',
136
- AccountSolid: 'account-solid',
137
- Addresses: 'addresses',
138
- ArrowDown: 'arrow-down',
139
- ArrowRight: 'arrow-right',
140
- ArrowUpdown: 'arrow-updown',
141
- BarScan: 'bar-scan',
142
- Bell: 'bell',
143
- Blog: 'blog',
144
- Cart: 'cart',
145
- Check: 'check',
146
- ChevronDown: 'chevron-down',
147
- ChevronLeft: 'chevron-left',
148
- ChevronRight: 'chevron-right',
149
- ChevronUp: 'chevron-up',
150
- Circular: 'circular',
151
- Clear: 'clear',
152
- Close: 'close',
153
- Coupon: 'coupon',
154
- Dashboard: 'dashboard',
155
- DeliveryOutline: 'delivery-outline',
156
- DeliverySolid: 'delivery-solid',
157
- Dietary: 'dietary',
158
- DoubleArrows: 'double-arrows',
159
- Download: 'download',
160
- Dropship: 'dropship',
161
- Eco: 'eco',
162
- Edit: 'edit',
163
- Error: 'error',
164
- FaceHappy: 'face-happy',
165
- FaceSad: 'face-sad',
166
- Facebook: 'facebook',
167
- Fav: 'fav',
168
- FavSolid: 'fav-solid',
169
- Filter: 'filter',
170
- Flag: 'flag',
171
- Geolocate: 'geolocate',
172
- Hamburger: 'hamburger',
173
- Help: 'help',
174
- Home: 'home',
175
- Info: 'info',
176
- Instacart: 'instacart',
177
- Instagram: 'instagram',
178
- ItemLocation: 'item-location',
179
- ListCheck: 'list-check',
180
- ListItems: 'list-items',
181
- ListLarge: 'list-large',
182
- ListRemove: 'list-remove',
183
- ListSave: 'list-save',
184
- ListSearch: 'list-search',
185
- LocationPin: 'location-pin',
186
- LocationDistance: 'location-distance',
187
- LoyaltyCard: 'loyaltycard',
188
- Mail: 'mail',
189
- Minus: 'minus',
190
- MoreOptionsH: 'more-options-h',
191
- MoreOptionsV: 'more-options-v',
192
- Note: 'note',
193
- Notifications: 'notifications',
194
- NoteFilled: 'note-filled',
195
- Orders: 'orders',
196
- PastPurchases: 'past-purchases',
197
- Pause: 'pause',
198
- PaymentOutline: 'payment-outline',
199
- PaymentSolid: 'payment-solid',
200
- Phone: 'phone',
201
- PhoneMobile: 'phone-mobile',
202
- Pickup: 'pickup',
203
- PickupInfo: 'pickup-info',
204
- Pinterest: 'pinterest',
205
- Plus: 'plus',
206
- Print: 'print',
207
- PromoOutline: 'promo-outline',
208
- PromoSolid: 'promo-solid',
209
- RadioActive: 'radio-active',
210
- RadioEmpty: 'radio-empty',
211
- RecipeCalories: 'recipe-calories',
212
- RecipeCooktime: 'recipe-cooktime',
213
- RecipeIngredients: 'recipe-ingredients',
214
- RecipePreptime: 'recipe-preptime',
215
- RecipeServings: 'recipe-servings',
216
- Remove: 'remove',
217
- Reserve: 'reserve',
218
- ReserveTime: 'reserve-time',
219
- Search: 'search',
220
- SelectCheck: 'select-check',
221
- SelectEmpty: 'select-empty',
222
- SelectMark: 'select-mark',
223
- Send: 'send',
224
- Settings: 'settings',
225
- Share: 'share',
226
- SortGrid: 'sort-grid',
227
- SortList: 'sort-list',
228
- StarOutline: 'star-outline',
229
- StarSolid: 'star-solid',
230
- Substitute: 'subtitute',
231
- SubstituteBestmatch: 'subtitute-bestmatch',
232
- SubstituteNone: 'subtitute-none',
233
- SubstituteProduct: 'subtitute-product',
234
- Trash: 'trash',
235
- Twitter: 'twitter',
236
- Unavailable: 'unavailable',
237
- Voice: 'voice',
238
- Warning: 'warning',
239
- Youtube: 'youtube',
240
- YourLocation: 'your-location',
241
- GlutenFree: 'Gluten-Free',
242
- Local: 'Local',
243
- Organic: 'Organic',
244
- None: 'None',
245
- VisaLogo: 'visa-logo',
246
- MasterLogo: 'master-card-logo',
247
- VisaCard: 'visa-card',
248
- MasterCard: 'master-card-card',
249
- AmExpCard: 'american-express-card',
250
- DiscoverCard: 'discover-card',
251
- VisaVerified: 'visa-verified',
252
- MasterSecure: 'master-card-secure',
253
- Comodo: 'comodo'
254
- };
package/tsconfig.json DELETED
@@ -1,13 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "es5",
4
- "module": "commonjs",
5
- "outDir": ".",
6
- "strict": true,
7
- "allowJs": true,
8
- "declaration": true,
9
- "emitDeclarationOnly": true
10
- },
11
- "include": ["src"],
12
- "exclude": ["node_modules", "**/__tests__/*"]
13
- }