adp-web-components 0.0.44 → 0.0.47

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 (187) hide show
  1. package/dist/cjs/Loading-c3489701.js +16 -0
  2. package/dist/cjs/contact-us-form.cjs.entry.js +352 -0
  3. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +45 -20
  4. package/dist/cjs/dynamic-claim_6.cjs.entry.js +15 -15
  5. package/dist/cjs/dynamic-redeem.cjs.entry.js +5 -6
  6. package/dist/cjs/form-input_4.cjs.entry.js +252 -0
  7. package/dist/cjs/form-structure_2.cjs.entry.js +97 -0
  8. package/dist/cjs/{index.esm-c628daeb.js → get-local-language-3ae85685.js} +242 -0
  9. package/dist/cjs/{index-846c93d2.js → index-603d8f32.js} +12 -19
  10. package/dist/cjs/{Loading-6f4f0127.js → loader-baf2418b.js} +0 -9
  11. package/dist/cjs/loader.cjs.js +2 -2
  12. package/dist/cjs/part-lookup.cjs.entry.js +3 -4
  13. package/dist/cjs/shift-components.cjs.js +2 -2
  14. package/dist/cjs/vehicle-lookup.cjs.entry.js +3 -4
  15. package/dist/collection/collection-manifest.json +7 -2
  16. package/dist/collection/components/form-elements/form-input.css +1 -0
  17. package/dist/collection/components/form-elements/form-input.js +342 -0
  18. package/dist/collection/components/form-elements/form-select.css +1 -0
  19. package/dist/collection/components/form-elements/form-select.js +397 -0
  20. package/dist/collection/components/form-elements/form-structure-error.css +1 -0
  21. package/dist/collection/components/form-elements/form-structure-error.js +72 -0
  22. package/dist/collection/components/form-elements/form-structure.css +1 -0
  23. package/dist/collection/components/form-elements/form-structure.js +227 -0
  24. package/dist/collection/components/form-elements/form-submit.css +1 -0
  25. package/dist/collection/components/form-elements/form-submit.js +93 -0
  26. package/dist/collection/components/form-elements/form-text-area.css +1 -0
  27. package/dist/collection/components/form-elements/form-text-area.js +288 -0
  28. package/dist/collection/components/forms/contact-us-form.css +1 -0
  29. package/dist/collection/components/forms/contact-us-form.js +376 -0
  30. package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
  31. package/dist/collection/components/part-lookup/dead-stock-lookup.js +4 -4
  32. package/dist/collection/components/part-lookup/distributor-lookup.js +28 -8
  33. package/dist/collection/components/part-lookup/manufacturer-lookup.js +11 -6
  34. package/dist/collection/components/part-lookup/part-lookup.js +1 -1
  35. package/dist/collection/components/vehicle-lookup/dynamic-claim.js +3 -3
  36. package/dist/collection/components/vehicle-lookup/dynamic-redeem.js +3 -3
  37. package/dist/collection/components/vehicle-lookup/paint-thickness.js +4 -4
  38. package/dist/collection/components/vehicle-lookup/service-history.js +2 -2
  39. package/dist/collection/components/vehicle-lookup/vehicle-accessories.js +4 -4
  40. package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +1 -1
  41. package/dist/collection/components/vehicle-lookup/vehicle-specification.js +2 -2
  42. package/dist/collection/components/vehicle-lookup/warranty-details.js +2 -2
  43. package/dist/collection/global/api/urls.js +6 -0
  44. package/dist/collection/global/assets/white-loader.svg +11 -0
  45. package/dist/collection/global/lib/form-hook.js +25 -14
  46. package/dist/collection/global/lib/recaptcha.js +25 -0
  47. package/dist/collection/global/lib/validate-form-structure.js +47 -0
  48. package/dist/collection/global/types/forms.js +1 -0
  49. package/dist/collection/global/types/general.js +1 -0
  50. package/dist/collection/global/types/locales/error-schema.js +1 -0
  51. package/dist/collection/global/types/locales/forms/contact-us-schema.js +24 -0
  52. package/dist/collection/global/types/locales/forms/index.js +11 -0
  53. package/dist/collection/global/types/locales/general.js +8 -0
  54. package/dist/collection/global/types/locales/index.js +7 -0
  55. package/dist/collection/global/types/locales/inquiryTypes.js +15 -0
  56. package/dist/collection/templates/part-lookup/mock-data.js +180 -100
  57. package/dist/components/{general-inquiry-form.d.ts → contact-us-form.d.ts} +4 -4
  58. package/dist/components/contact-us-form.js +5 -0
  59. package/dist/components/dead-stock-lookup.js +1 -1
  60. package/dist/components/distributor-lookup.js +1 -1
  61. package/dist/components/dynamic-claim.js +1 -1
  62. package/dist/components/dynamic-redeem.js +1 -1
  63. package/dist/components/form-input.js +1 -1
  64. package/dist/components/form-select.d.ts +11 -0
  65. package/dist/components/form-select.js +5 -0
  66. package/dist/components/form-structure-error.d.ts +11 -0
  67. package/dist/components/form-structure-error.js +5 -0
  68. package/dist/components/form-structure.d.ts +11 -0
  69. package/dist/components/form-structure.js +5 -0
  70. package/dist/components/form-submit.d.ts +11 -0
  71. package/dist/components/form-submit.js +5 -0
  72. package/dist/components/form-text-area.d.ts +11 -0
  73. package/dist/components/form-text-area.js +5 -0
  74. package/dist/components/index.js +1 -1
  75. package/dist/components/manufacturer-lookup.js +1 -1
  76. package/dist/components/p-0f15eb0b.js +5 -0
  77. package/dist/components/{p-c59cfec8.js → p-14df0c85.js} +1 -1
  78. package/dist/components/p-176b63e3.js +5 -0
  79. package/dist/components/{p-7662fe0a.js → p-21feb9cb.js} +1 -1
  80. package/dist/components/p-40bb71e4.js +5 -0
  81. package/dist/components/p-4bae9c16.js +5 -0
  82. package/dist/components/p-5d3abb5b.js +5 -0
  83. package/dist/components/p-5e1738a6.js +5 -0
  84. package/dist/components/p-64e16378.js +5 -0
  85. package/dist/components/p-75476014.js +5 -0
  86. package/dist/components/{p-c37ba710.js → p-7f889bd6.js} +1 -1
  87. package/dist/components/{p-f5015d31.js → p-8db6fbb6.js} +1 -1
  88. package/dist/components/p-9faefa40.js +5 -0
  89. package/dist/components/p-b224d16f.js +5 -0
  90. package/dist/components/p-b901ce51.js +5 -0
  91. package/dist/components/p-ce440126.js +5 -0
  92. package/dist/components/p-d70c3cbd.js +5 -0
  93. package/dist/components/{p-d98710fe.js → p-d8a1e55d.js} +1 -1
  94. package/dist/components/{p-2e567b64.js → p-e4ae4434.js} +1 -1
  95. package/dist/components/paint-thickness.js +1 -1
  96. package/dist/components/part-lookup.js +1 -1
  97. package/dist/components/service-history.js +1 -1
  98. package/dist/components/vehicle-accessories.js +1 -1
  99. package/dist/components/vehicle-lookup.js +1 -1
  100. package/dist/components/vehicle-specification.js +1 -1
  101. package/dist/components/warranty-details.js +1 -1
  102. package/dist/esm/Loading-3fdd028d.js +14 -0
  103. package/dist/esm/contact-us-form.entry.js +348 -0
  104. package/dist/esm/dead-stock-lookup_3.entry.js +45 -20
  105. package/dist/esm/dynamic-claim_6.entry.js +15 -15
  106. package/dist/esm/dynamic-redeem.entry.js +5 -6
  107. package/dist/esm/form-input_4.entry.js +245 -0
  108. package/dist/esm/form-structure_2.entry.js +92 -0
  109. package/dist/esm/{index.esm-46e0cdad.js → get-local-language-cd53bfd4.js} +241 -1
  110. package/dist/esm/{index-33ae6859.js → index-cac905b0.js} +12 -19
  111. package/dist/esm/{Loading-f4d666ee.js → loader-027b88af.js} +1 -9
  112. package/dist/esm/loader.js +3 -3
  113. package/dist/esm/part-lookup.entry.js +3 -4
  114. package/dist/esm/shift-components.js +3 -3
  115. package/dist/esm/vehicle-lookup.entry.js +3 -4
  116. package/dist/locales/ar.json +40 -1
  117. package/dist/locales/en.json +39 -0
  118. package/dist/locales/ku.json +40 -1
  119. package/dist/locales/ru.json +41 -2
  120. package/dist/shift-components/p-14de3422.entry.js +5 -0
  121. package/dist/shift-components/p-359ea480.entry.js +5 -0
  122. package/dist/shift-components/p-36423afa.entry.js +5 -0
  123. package/dist/shift-components/p-65102e7a.js +6 -0
  124. package/dist/shift-components/p-6cc94857.entry.js +5 -0
  125. package/dist/shift-components/p-974f9490.entry.js +5 -0
  126. package/dist/shift-components/p-a21e2e2e.js +5 -0
  127. package/dist/shift-components/p-b8390527.entry.js +5 -0
  128. package/dist/shift-components/p-ba46e8f2.entry.js +5 -0
  129. package/dist/shift-components/p-ecc53648.entry.js +5 -0
  130. package/dist/shift-components/p-f4b4e9d2.js +5 -0
  131. package/dist/shift-components/p-fa19695e.js +5 -0
  132. package/dist/shift-components/shift-components.esm.js +1 -1
  133. package/dist/types/components/form-elements/form-input.d.ts +24 -0
  134. package/dist/types/components/form-elements/form-select.d.ts +38 -0
  135. package/dist/types/components/form-elements/form-structure-error.d.ts +8 -0
  136. package/dist/types/components/form-elements/form-structure.d.ts +18 -0
  137. package/dist/types/components/form-elements/form-submit.d.ts +7 -0
  138. package/dist/types/components/form-elements/form-text-area.d.ts +21 -0
  139. package/dist/types/components/forms/contact-us-form.d.ts +46 -0
  140. package/dist/types/components.d.ts +188 -31
  141. package/dist/types/global/api/urls.d.ts +2 -0
  142. package/dist/types/global/lib/form-hook.d.ts +1 -30
  143. package/dist/types/global/lib/recaptcha.d.ts +16 -0
  144. package/dist/types/global/lib/validate-form-structure.d.ts +3 -0
  145. package/dist/types/global/types/forms.d.ts +48 -0
  146. package/dist/types/global/types/general.d.ts +14 -0
  147. package/dist/types/global/types/locales/error-schema.d.ts +2 -0
  148. package/dist/types/global/types/locales/forms/contact-us-schema.d.ts +37 -0
  149. package/dist/types/global/types/locales/forms/index.d.ts +45 -0
  150. package/dist/types/global/types/locales/general.d.ts +5 -0
  151. package/dist/types/global/types/locales/index.d.ts +76 -0
  152. package/dist/types/global/types/locales/inquiryTypes.d.ts +19 -0
  153. package/dist/types/global/types/part-information.d.ts +10 -3
  154. package/package.json +1 -1
  155. package/dist/cjs/form-input.cjs.entry.js +0 -36
  156. package/dist/cjs/general-inquiry-form.cjs.entry.js +0 -154
  157. package/dist/cjs/get-local-language-30419427.js +0 -203
  158. package/dist/collection/components/form-input/form-input.css +0 -1
  159. package/dist/collection/components/form-input/form-input.js +0 -209
  160. package/dist/collection/components/general-inquiry-form/general-inquiry-form.css +0 -1
  161. package/dist/collection/components/general-inquiry-form/general-inquiry-form.js +0 -46
  162. package/dist/components/general-inquiry-form.js +0 -5
  163. package/dist/components/p-42a5d3c9.js +0 -5
  164. package/dist/components/p-4c7017f8.js +0 -5
  165. package/dist/components/p-4cdcb520.js +0 -5
  166. package/dist/components/p-8c079b39.js +0 -5
  167. package/dist/components/p-8dc757e9.js +0 -5
  168. package/dist/components/p-b2051f01.js +0 -5
  169. package/dist/components/p-b7a8a0ff.js +0 -5
  170. package/dist/components/p-c1acb397.js +0 -5
  171. package/dist/components/p-e446fb9d.js +0 -5
  172. package/dist/esm/form-input.entry.js +0 -32
  173. package/dist/esm/general-inquiry-form.entry.js +0 -150
  174. package/dist/esm/get-local-language-9742a5f6.js +0 -200
  175. package/dist/shift-components/p-02589422.entry.js +0 -5
  176. package/dist/shift-components/p-0f0e54c1.js +0 -6
  177. package/dist/shift-components/p-33434784.entry.js +0 -5
  178. package/dist/shift-components/p-99d314b5.js +0 -5
  179. package/dist/shift-components/p-a6ecaa3f.js +0 -5
  180. package/dist/shift-components/p-a88d388f.entry.js +0 -5
  181. package/dist/shift-components/p-ad59c0ac.entry.js +0 -5
  182. package/dist/shift-components/p-b1663a0f.entry.js +0 -5
  183. package/dist/shift-components/p-c87d536f.entry.js +0 -5
  184. package/dist/shift-components/p-e446fb9d.js +0 -5
  185. package/dist/shift-components/p-edf9ed4b.entry.js +0 -5
  186. package/dist/types/components/form-input/form-input.d.ts +0 -14
  187. package/dist/types/components/general-inquiry-form/general-inquiry-form.d.ts +0 -21
@@ -0,0 +1,14 @@
1
+ export type Grecaptcha = {
2
+ getResponse(): string;
3
+ reset(widgetId?: number): void;
4
+ ready(callback: () => void): void;
5
+ execute(siteKey: string, options: {
6
+ action: string;
7
+ }): Promise<string>;
8
+ render(container: HTMLElement | string, parameters: {
9
+ 'sitekey': string;
10
+ 'callback'?: (token: string) => void;
11
+ 'error-callback'?: () => void;
12
+ 'expired-callback'?: () => void;
13
+ }): number;
14
+ };
@@ -4,6 +4,7 @@ export declare const errorsSchema: import("yup").ObjectSchema<{
4
4
  invalidVin: string;
5
5
  noPartsFound: string;
6
6
  vinNumberRequired: string;
7
+ wrongFormStructure: string;
7
8
  partNumberRequired: string;
8
9
  noServiceAvailable: string;
9
10
  wrongResponseFormat: string;
@@ -14,6 +15,7 @@ export declare const errorsSchema: import("yup").ObjectSchema<{
14
15
  invalidVin: undefined;
15
16
  noPartsFound: undefined;
16
17
  vinNumberRequired: undefined;
18
+ wrongFormStructure: undefined;
17
19
  partNumberRequired: undefined;
18
20
  noServiceAvailable: undefined;
19
21
  wrongResponseFormat: undefined;
@@ -0,0 +1,37 @@
1
+ export declare const contactUsSchema: import("yup").ObjectSchema<{
2
+ fullName: string;
3
+ fullNameMinimum: string;
4
+ fullNameIsRequired: string;
5
+ emailAddress: string;
6
+ emailAddressNotValid: string;
7
+ city: string;
8
+ selectCity: string;
9
+ cityIsRequired: string;
10
+ phoneNumber: string;
11
+ phoneNumberIsRequired: string;
12
+ phoneNumberFormatInvalid: string;
13
+ inquiryType: string;
14
+ selectInquiryType: string;
15
+ inquiryTypeIsRequired: string;
16
+ writeAMessage: string;
17
+ leaveUsMessage: string;
18
+ messageIsRequired: string;
19
+ }, import("yup").AnyObject, {
20
+ fullName: undefined;
21
+ fullNameMinimum: undefined;
22
+ fullNameIsRequired: undefined;
23
+ emailAddress: undefined;
24
+ emailAddressNotValid: undefined;
25
+ city: undefined;
26
+ selectCity: undefined;
27
+ cityIsRequired: undefined;
28
+ phoneNumber: undefined;
29
+ phoneNumberIsRequired: undefined;
30
+ phoneNumberFormatInvalid: undefined;
31
+ inquiryType: undefined;
32
+ selectInquiryType: undefined;
33
+ inquiryTypeIsRequired: undefined;
34
+ writeAMessage: undefined;
35
+ leaveUsMessage: undefined;
36
+ messageIsRequired: undefined;
37
+ }, "">;
@@ -0,0 +1,45 @@
1
+ export declare const FormsSchema: import("yup").ObjectSchema<{
2
+ contactUs: {
3
+ fullName?: string;
4
+ fullNameMinimum?: string;
5
+ fullNameIsRequired?: string;
6
+ emailAddress?: string;
7
+ emailAddressNotValid?: string;
8
+ city?: string;
9
+ selectCity?: string;
10
+ cityIsRequired?: string;
11
+ phoneNumber?: string;
12
+ phoneNumberIsRequired?: string;
13
+ phoneNumberFormatInvalid?: string;
14
+ inquiryType?: string;
15
+ selectInquiryType?: string;
16
+ inquiryTypeIsRequired?: string;
17
+ writeAMessage?: string;
18
+ leaveUsMessage?: string;
19
+ messageIsRequired?: string;
20
+ };
21
+ reCaptchaIsRequired: string;
22
+ inputValueIsIncorrect: string;
23
+ }, import("yup").AnyObject, {
24
+ contactUs: {
25
+ fullName: undefined;
26
+ fullNameMinimum: undefined;
27
+ fullNameIsRequired: undefined;
28
+ emailAddress: undefined;
29
+ emailAddressNotValid: undefined;
30
+ city: undefined;
31
+ selectCity: undefined;
32
+ cityIsRequired: undefined;
33
+ phoneNumber: undefined;
34
+ phoneNumberIsRequired: undefined;
35
+ phoneNumberFormatInvalid: undefined;
36
+ inquiryType: undefined;
37
+ selectInquiryType: undefined;
38
+ inquiryTypeIsRequired: undefined;
39
+ writeAMessage: undefined;
40
+ leaveUsMessage: undefined;
41
+ messageIsRequired: undefined;
42
+ };
43
+ reCaptchaIsRequired: undefined;
44
+ inputValueIsIncorrect: undefined;
45
+ }, "">;
@@ -0,0 +1,5 @@
1
+ export declare const generalSchema: import("yup").ObjectSchema<{
2
+ noSelectOptions: string;
3
+ }, import("yup").AnyObject, {
4
+ noSelectOptions: undefined;
5
+ }, "">;
@@ -12,18 +12,46 @@ export declare const languageMapper: {
12
12
  ru: string;
13
13
  };
14
14
  export declare const localeSchema: import("yup").ObjectSchema<{
15
+ forms: {
16
+ contactUs?: {
17
+ fullName?: string;
18
+ fullNameMinimum?: string;
19
+ fullNameIsRequired?: string;
20
+ emailAddress?: string;
21
+ emailAddressNotValid?: string;
22
+ city?: string;
23
+ selectCity?: string;
24
+ cityIsRequired?: string;
25
+ phoneNumber?: string;
26
+ phoneNumberIsRequired?: string;
27
+ phoneNumberFormatInvalid?: string;
28
+ inquiryType?: string;
29
+ selectInquiryType?: string;
30
+ inquiryTypeIsRequired?: string;
31
+ writeAMessage?: string;
32
+ leaveUsMessage?: string;
33
+ messageIsRequired?: string;
34
+ };
35
+ reCaptchaIsRequired?: string;
36
+ inputValueIsIncorrect?: string;
37
+ };
15
38
  errors: {
16
39
  wildCard?: string;
17
40
  noBaseUrl?: string;
18
41
  invalidVin?: string;
19
42
  noPartsFound?: string;
20
43
  vinNumberRequired?: string;
44
+ wrongFormStructure?: string;
21
45
  partNumberRequired?: string;
22
46
  noServiceAvailable?: string;
23
47
  wrongResponseFormat?: string;
24
48
  requestFailedPleaseTryAgainLater?: string;
25
49
  };
50
+ general: {
51
+ noSelectOptions?: string;
52
+ };
26
53
  lang: string;
54
+ noData: string;
27
55
  partLookup: {
28
56
  deadStock?: {
29
57
  deadStock?: string;
@@ -152,19 +180,57 @@ export declare const localeSchema: import("yup").ObjectSchema<{
152
180
  sfx?: string;
153
181
  };
154
182
  };
183
+ generalTicketTypes: {
184
+ TLP?: string;
185
+ Complaint?: string;
186
+ PartInquiry?: string;
187
+ SalesCampaign?: string;
188
+ GeneralInquiry?: string;
189
+ ServiceCampaign?: string;
190
+ InstallmentPayment?: string;
191
+ ServicePriceInquiry?: string;
192
+ };
155
193
  }, import("yup").AnyObject, {
194
+ forms: {
195
+ contactUs: {
196
+ fullName: undefined;
197
+ fullNameMinimum: undefined;
198
+ fullNameIsRequired: undefined;
199
+ emailAddress: undefined;
200
+ emailAddressNotValid: undefined;
201
+ city: undefined;
202
+ selectCity: undefined;
203
+ cityIsRequired: undefined;
204
+ phoneNumber: undefined;
205
+ phoneNumberIsRequired: undefined;
206
+ phoneNumberFormatInvalid: undefined;
207
+ inquiryType: undefined;
208
+ selectInquiryType: undefined;
209
+ inquiryTypeIsRequired: undefined;
210
+ writeAMessage: undefined;
211
+ leaveUsMessage: undefined;
212
+ messageIsRequired: undefined;
213
+ };
214
+ reCaptchaIsRequired: undefined;
215
+ inputValueIsIncorrect: undefined;
216
+ };
156
217
  errors: {
157
218
  wildCard: undefined;
158
219
  noBaseUrl: undefined;
159
220
  invalidVin: undefined;
160
221
  noPartsFound: undefined;
161
222
  vinNumberRequired: undefined;
223
+ wrongFormStructure: undefined;
162
224
  partNumberRequired: undefined;
163
225
  noServiceAvailable: undefined;
164
226
  wrongResponseFormat: undefined;
165
227
  requestFailedPleaseTryAgainLater: undefined;
166
228
  };
229
+ general: {
230
+ noSelectOptions: undefined;
231
+ };
167
232
  lang: undefined;
233
+ noData: undefined;
168
234
  partLookup: {
169
235
  deadStock: {
170
236
  deadStock: undefined;
@@ -293,6 +359,16 @@ export declare const localeSchema: import("yup").ObjectSchema<{
293
359
  expand: undefined;
294
360
  };
295
361
  };
362
+ generalTicketTypes: {
363
+ TLP: undefined;
364
+ Complaint: undefined;
365
+ PartInquiry: undefined;
366
+ SalesCampaign: undefined;
367
+ GeneralInquiry: undefined;
368
+ ServiceCampaign: undefined;
369
+ InstallmentPayment: undefined;
370
+ ServicePriceInquiry: undefined;
371
+ };
296
372
  }, "">;
297
373
  export type Locale = InferType<typeof localeSchema>;
298
374
  export type ErrorKeys = keyof InferType<typeof errorsSchema> | null;
@@ -0,0 +1,19 @@
1
+ export declare const generalTicketTypesSchema: import("yup").ObjectSchema<{
2
+ TLP: string;
3
+ Complaint: string;
4
+ PartInquiry: string;
5
+ SalesCampaign: string;
6
+ GeneralInquiry: string;
7
+ ServiceCampaign: string;
8
+ InstallmentPayment: string;
9
+ ServicePriceInquiry: string;
10
+ }, import("yup").AnyObject, {
11
+ TLP: undefined;
12
+ Complaint: undefined;
13
+ PartInquiry: undefined;
14
+ SalesCampaign: undefined;
15
+ GeneralInquiry: undefined;
16
+ ServiceCampaign: undefined;
17
+ InstallmentPayment: undefined;
18
+ ServicePriceInquiry: undefined;
19
+ }, "">;
@@ -25,9 +25,15 @@ export type PartPrice = {
25
25
  countryName: string;
26
26
  regionIntegrationID: string;
27
27
  regionName: string;
28
- warrantyPrice: number;
29
- fob: number;
30
- price: number;
28
+ fob: UnitData;
29
+ price: UnitData;
30
+ warrantyPrice: UnitData;
31
+ };
32
+ type UnitData = {
33
+ value: number;
34
+ cultureName: string;
35
+ formattedValue: string;
36
+ currecntySymbol: string;
31
37
  };
32
38
  export type DeadStock = {
33
39
  companyIntegrationID: string;
@@ -44,3 +50,4 @@ export type StockPart = {
44
50
  locationID: string;
45
51
  locationName: string;
46
52
  };
53
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adp-web-components",
3
- "version": "0.0.44",
3
+ "version": "0.0.47",
4
4
  "description": "ADP Platform Web Components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,36 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- 'use strict';
6
-
7
- Object.defineProperty(exports, '__esModule', { value: true });
8
-
9
- const index = require('./index-846c93d2.js');
10
- const cn = require('./cn-f559f9e5.js');
11
-
12
- const formInputCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pb-\\[20px\\]{padding-bottom:20px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.disabled\\:opacity-75:disabled{opacity:.75}";
13
- const FormInputStyle0 = formInputCss;
14
-
15
- const FormInput = class {
16
- constructor(hostRef) {
17
- index.registerInstance(this, hostRef);
18
- this.onInput = index.createEvent(this, "onInput", 7);
19
- this.name = undefined;
20
- this.label = undefined;
21
- this.class = undefined;
22
- this.isError = undefined;
23
- this.disabled = undefined;
24
- this.labelClass = undefined;
25
- this.errorClass = undefined;
26
- this.errorMessage = undefined;
27
- this.containerClass = undefined;
28
- }
29
- render() {
30
- const { class: inputClass, errorClass, containerClass, disabled, label, isError, labelClass, name, errorMessage, onInput } = this;
31
- return (index.h(index.Host, { key: '6acec2c92f25ea6d2d325d4fba8a3ecbdf5532e1' }, index.h("label", { key: '5f3f408cb006774a1f812affb27819a2966efb9f', class: cn.cn('relative w-full pb-[20px] inline-flex flex-col', containerClass) }, label && index.h("div", { key: '20e6427ed7c2cdf515c4fedf546d6fd6748581b9', class: cn.cn('mb-[4px]', labelClass) }, label), index.h("input", { key: '8a3e893e253854d74e605594d56f519049234362', name: name, onInput: onInput, disabled: disabled, class: cn.cn('border disabled:opacity-75 flex-1 py-[6px] px-[12px] transition-colors duration-300 rounded-lg outline-none focus:border-slate-600 w-full', { '!border-red-500': isError }, inputClass) }), index.h("div", { key: '1bd199c8946eaa5de2cec1d797d34e92d7a44744', class: cn.cn('absolute bottom-0 -z-10 text-red-500 transition-all duration-300', { '-translate-y-full opacity-0': !isError }, errorClass) }, errorMessage))));
32
- }
33
- };
34
- FormInput.style = FormInputStyle0;
35
-
36
- exports.form_input = FormInput;
@@ -1,154 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- 'use strict';
6
-
7
- Object.defineProperty(exports, '__esModule', { value: true });
8
-
9
- const index = require('./index-846c93d2.js');
10
- const index_esm = require('./index.esm-c628daeb.js');
11
-
12
- class FormHook {
13
- constructor(context, schemaObject, formStateOptions) {
14
- this.isSubmitted = false;
15
- this.validationType = 'onSubmit';
16
- this.subscribedFields = {};
17
- this.formErrors = {};
18
- this.getFormErrors = () => this.formErrors;
19
- this.getValues = () => {
20
- const form = this.context.el.shadowRoot.querySelector('form');
21
- const formData = new FormData(form);
22
- const formObject = Object.fromEntries(formData.entries());
23
- return formObject;
24
- };
25
- this.focusFirstInput = (errorFields) => {
26
- if (errorFields.length) {
27
- const domElements = errorFields.map(field => this.context.el.shadowRoot.querySelector(`input[name="${field.name}"]`)).filter(dom => dom);
28
- const sortedDomElements = domElements.sort((a, b) => {
29
- if (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING)
30
- return -1; // a comes before b
31
- if (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_PRECEDING)
32
- return 1; // b comes before a
33
- return 0; // They are the same
34
- });
35
- if (sortedDomElements[0])
36
- sortedDomElements[0].focus();
37
- }
38
- };
39
- this.onSubmit = (formEvent) => {
40
- formEvent.preventDefault();
41
- (async () => {
42
- try {
43
- this.isSubmitted = true;
44
- this.context.isLoading = true;
45
- this.signal({ isError: false });
46
- const formObject = this.getValues();
47
- const values = await this.schemaObject.validate(formObject, { abortEarly: false, strict: true });
48
- await this.context.formSubmit(values);
49
- }
50
- catch (error) {
51
- if (error.name === 'ValidationError') {
52
- this.formErrors = {};
53
- const errorFields = [];
54
- error.inner.forEach((element) => {
55
- if (element.path) {
56
- this.formErrors[element.path] = element.message;
57
- if (!errorFields.find(field => field.name === element.path))
58
- errorFields.push({
59
- isError: true,
60
- name: element.path,
61
- errorMessage: element.message,
62
- });
63
- }
64
- });
65
- this.signal(errorFields);
66
- this.focusFirstInput(errorFields);
67
- }
68
- else
69
- console.error('Unexpected Error:', error);
70
- }
71
- finally {
72
- this.context.isLoading = false;
73
- }
74
- })();
75
- };
76
- this.newController = (name, fieldType) => {
77
- if (fieldType === 'text')
78
- this.subscribedFields[name] = {
79
- name,
80
- isError: false,
81
- disabled: false,
82
- errorMessage: '',
83
- onInput: (event) => {
84
- const value = event.target.value;
85
- this.onChanges(name, value);
86
- },
87
- };
88
- return this.subscribedFields[name];
89
- };
90
- this.signal = (partialSignal) => {
91
- if (Array.isArray(partialSignal)) {
92
- partialSignal.forEach(field => {
93
- if (this.subscribedFields[field.name])
94
- Object.assign(this.subscribedFields[field.name], field);
95
- });
96
- }
97
- else {
98
- Object.values(this.subscribedFields).forEach(field => Object.assign(field, partialSignal));
99
- }
100
- };
101
- this.onChanges = async (name, value) => {
102
- if (!this.isSubmitted && this.validationType !== 'always')
103
- return;
104
- const wasError = this.subscribedFields[name].isError;
105
- try {
106
- // @ts-ignore
107
- this.schemaObject.fields[name].validateSync(value);
108
- this.signal([{ name, isError: false }]);
109
- if (wasError !== false)
110
- this.context.renderControl = {};
111
- }
112
- catch (error) {
113
- if (error.message) {
114
- this.signal([{ name, isError: true, errorMessage: error.message }]);
115
- this.context.renderControl = {};
116
- }
117
- }
118
- };
119
- this.context = context;
120
- this.schemaObject = schemaObject;
121
- this.formController = { onSubmit: this.onSubmit };
122
- if (formStateOptions === null || formStateOptions === void 0 ? void 0 : formStateOptions.validationType)
123
- this.validationType = formStateOptions.validationType;
124
- }
125
- }
126
-
127
- const generalInquiryFormCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
128
- const GeneralInquiryFormStyle0 = generalInquiryFormCss;
129
-
130
- const inquirySchema = index_esm.create$3({
131
- name: index_esm.create$6().required('r').min(4, 'kd').max(7, 'kk'),
132
- name2: index_esm.create$6().required(),
133
- });
134
- const GeneralInquiryForm = class {
135
- constructor(hostRef) {
136
- index.registerInstance(this, hostRef);
137
- this.form = new FormHook(this, inquirySchema);
138
- this.nameController = this.form.newController('name', 'text');
139
- this.name2Controller = this.form.newController('name2', 'text');
140
- this.isLoading = undefined;
141
- this.renderControl = {};
142
- }
143
- async formSubmit(formValues) {
144
- console.log(formValues);
145
- }
146
- render() {
147
- const { formController } = this.form;
148
- return (index.h(index.Host, { key: 'e44bff82f52d5070194e0446bee5dd14d9624764' }, index.h("form", Object.assign({ key: '94d120cd72c7ae2ff0a40bd5156cdc64a32ffb1b' }, formController), index.h("form-input", Object.assign({ key: '1761e7ffa9115d68543845686489181ff4af5e6f' }, this.nameController, { label: "Name", name: "name" })), index.h("form-input", Object.assign({ key: 'c0ae6d7e90f72d7463bb515fc4d6ba9c13737e51' }, this.name2Controller, { label: "Name2", name: "name2" })), index.h("button", { key: '68af7c16d176737445594fa50d2dffe9afb39c1f', type: "submit" }, "sd"))));
149
- }
150
- get el() { return index.getElement(this); }
151
- };
152
- GeneralInquiryForm.style = GeneralInquiryFormStyle0;
153
-
154
- exports.general_inquiry_form = GeneralInquiryForm;