@saasquatch/mint-components 1.8.4-1 → 1.8.4-3

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.
@@ -2558,6 +2558,8 @@ function useIndirectTaxForm(props) {
2558
2558
  city: userForm.city,
2559
2559
  state: userForm.state,
2560
2560
  postalCode: userForm.postalCode,
2561
+ phoneNumber: userForm.phoneNumber,
2562
+ phoneNumberCountryCode: userForm.phoneNumberCountryCode,
2561
2563
  indirectTaxCountryCode: formData.selectedRegion,
2562
2564
  indirectTaxRegion: formData.province || formData.subRegion,
2563
2565
  indirectTaxId: formData.indirectTaxNumber,
@@ -6679,7 +6681,7 @@ const UserInfoFormView = (props) => {
6679
6681
  index.h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
6680
6682
  _b.dial_code));
6681
6683
  })),
6682
- index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: " ", id: "phoneNumber", name: "/phoneNumber", style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
6684
+ index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: " ", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
6683
6685
  // Naive phone number validation
6684
6686
  !/^[^A-Z]+$/i.test(value) &&
6685
6687
  text.error.phoneNumberInvalidError, disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
@@ -6687,7 +6689,7 @@ const UserInfoFormView = (props) => {
6687
6689
  helpText: sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
6688
6690
  }
6689
6691
  : {}), { required: true }))),
6690
- index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.address, id: "address", name: "/address", validationError: ({ value }) =>
6692
+ index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) =>
6691
6693
  // Checks for non-ASCII characters
6692
6694
  !/^[\x20-\xFF]+$/.test(value) &&
6693
6695
  text.error.addressInvalidCharacterError, disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
@@ -6695,17 +6697,17 @@ const UserInfoFormView = (props) => {
6695
6697
  helpText: sqmInvoiceTableView.formatErrorMessage(text.address, formState.errors.address),
6696
6698
  }
6697
6699
  : {}), { required: true })),
6698
- index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.city, id: "city", name: "/city", disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
6700
+ index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.city, id: "city", name: "/city", value: formState.city, disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
6699
6701
  class: classes.ErrorInput,
6700
6702
  helpText: sqmInvoiceTableView.formatErrorMessage(text.city, text.error.fieldRequiredError),
6701
6703
  }
6702
6704
  : {}), { required: true })),
6703
- !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label", id: "state", name: "/state", disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
6705
+ !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
6704
6706
  class: classes.ErrorInput,
6705
6707
  helpText: sqmInvoiceTableView.formatErrorMessage(text.state, formState.errors.state),
6706
6708
  }
6707
6709
  : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
6708
- index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label", id: "postalCode", name: "/postalCode", disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
6710
+ index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
6709
6711
  class: classes.ErrorInput,
6710
6712
  helpText: sqmInvoiceTableView.formatErrorMessage(text.postalCode, formState.errors.postalCode),
6711
6713
  }
@@ -146,6 +146,8 @@ export function useIndirectTaxForm(props) {
146
146
  city: userForm.city,
147
147
  state: userForm.state,
148
148
  postalCode: userForm.postalCode,
149
+ phoneNumber: userForm.phoneNumber,
150
+ phoneNumberCountryCode: userForm.phoneNumberCountryCode,
149
151
  indirectTaxCountryCode: formData.selectedRegion,
150
152
  indirectTaxRegion: formData.province || formData.subRegion,
151
153
  indirectTaxId: formData.indirectTaxNumber,
@@ -22,8 +22,8 @@ export function useTaxAndCash() {
22
22
  /*************************/
23
23
  // TODO: REMOVE THIS
24
24
  function DEMO_SETUP() {
25
- const idAndAccountId = "bbaba67b2db8e113b0c7e3f0ec379a29f392b1e8d9d25771c9273dd2b66174ea";
26
- const jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiYmJhYmE2N2IyZGI4ZTExM2IwYzdlM2YwZWMzNzlhMjlmMzkyYjFlOGQ5ZDI1NzcxYzkyNzNkZDJiNjYxNzRlYSIsImFjY291bnRJZCI6ImJiYWJhNjdiMmRiOGUxMTNiMGM3ZTNmMGVjMzc5YTI5ZjM5MmIxZThkOWQyNTc3MWM5MjczZGQyYjY2MTc0ZWEiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K2Zhc3Rmb2xsb3dAaW1wYWN0LmNvbSJ9fQ.rMiVOFx5whc-fTT1T4p0CcM1R5TkeL2DC1eGgF2jidc";
25
+ const idAndAccountId = "fc542c3c5cd0dee63c24956bd6eed72d63147fb333906515efb61cf2b1330e4c";
26
+ const jwt = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IklSTVhzWXk2WVlxcTQ2OTQzN21HOEVSUXQ4UW9LRkJhRzEifQ.eyJ1c2VyIjp7ImlkIjoiZmM1NDJjM2M1Y2QwZGVlNjNjMjQ5NTZiZDZlZWQ3MmQ2MzE0N2ZiMzMzOTA2NTE1ZWZiNjFjZjJiMTMzMGU0YyIsImFjY291bnRJZCI6ImZjNTQyYzNjNWNkMGRlZTYzYzI0OTU2YmQ2ZWVkNzJkNjMxNDdmYjMzMzkwNjUxNWVmYjYxY2YyYjEzMzBlNGMiLCJlbWFpbCI6ImNvbGV0b24uYW5uZXR0K3FhNHRlc3RAaW1wYWN0LmNvbSJ9fQ.qWNEurGZuYW3XVeYOQRSX1DukxJtNEU0evTmjBYpTm0";
27
27
  const programId = "24474";
28
28
  const tenantAlias = "aprh0cfq6y8tk";
29
29
  const appDomain = "https://staging.referralsaasquatch.com";
@@ -214,7 +214,7 @@ export const UserInfoFormView = (props) => {
214
214
  h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
215
215
  _b.dial_code));
216
216
  })),
217
- h("sl-input", Object.assign({ exportparts: "label: input-label", label: " ", id: "phoneNumber", name: "/phoneNumber", style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
217
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: " ", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
218
218
  // Naive phone number validation
219
219
  !/^[^A-Z]+$/i.test(value) &&
220
220
  text.error.phoneNumberInvalidError, disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
@@ -222,7 +222,7 @@ export const UserInfoFormView = (props) => {
222
222
  helpText: formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
223
223
  }
224
224
  : {}), { required: true }))),
225
- h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.address, id: "address", name: "/address", validationError: ({ value }) =>
225
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) =>
226
226
  // Checks for non-ASCII characters
227
227
  !/^[\x20-\xFF]+$/.test(value) &&
228
228
  text.error.addressInvalidCharacterError, disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
@@ -230,17 +230,17 @@ export const UserInfoFormView = (props) => {
230
230
  helpText: formatErrorMessage(text.address, formState.errors.address),
231
231
  }
232
232
  : {}), { required: true })),
233
- h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.city, id: "city", name: "/city", disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
233
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.city, id: "city", name: "/city", value: formState.city, disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
234
234
  class: classes.ErrorInput,
235
235
  helpText: formatErrorMessage(text.city, text.error.fieldRequiredError),
236
236
  }
237
237
  : {}), { required: true })),
238
- !states.hideState && (h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label", id: "state", name: "/state", disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
238
+ !states.hideState && (h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
239
239
  class: classes.ErrorInput,
240
240
  helpText: formatErrorMessage(text.state, formState.errors.state),
241
241
  }
242
242
  : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (h("sl-menu-item", { value: r.value }, r.label))))),
243
- h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label", id: "postalCode", name: "/postalCode", disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
243
+ h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
244
244
  class: classes.ErrorInput,
245
245
  helpText: formatErrorMessage(text.postalCode, formState.errors.postalCode),
246
246
  }
@@ -2554,6 +2554,8 @@ function useIndirectTaxForm(props) {
2554
2554
  city: userForm.city,
2555
2555
  state: userForm.state,
2556
2556
  postalCode: userForm.postalCode,
2557
+ phoneNumber: userForm.phoneNumber,
2558
+ phoneNumberCountryCode: userForm.phoneNumberCountryCode,
2557
2559
  indirectTaxCountryCode: formData.selectedRegion,
2558
2560
  indirectTaxRegion: formData.province || formData.subRegion,
2559
2561
  indirectTaxId: formData.indirectTaxNumber,
@@ -6675,7 +6677,7 @@ const UserInfoFormView = (props) => {
6675
6677
  h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
6676
6678
  _b.dial_code));
6677
6679
  })),
6678
- h("sl-input", Object.assign({ exportparts: "label: input-label", label: " ", id: "phoneNumber", name: "/phoneNumber", style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
6680
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: " ", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
6679
6681
  // Naive phone number validation
6680
6682
  !/^[^A-Z]+$/i.test(value) &&
6681
6683
  text.error.phoneNumberInvalidError, disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
@@ -6683,7 +6685,7 @@ const UserInfoFormView = (props) => {
6683
6685
  helpText: formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
6684
6686
  }
6685
6687
  : {}), { required: true }))),
6686
- h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.address, id: "address", name: "/address", validationError: ({ value }) =>
6688
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) =>
6687
6689
  // Checks for non-ASCII characters
6688
6690
  !/^[\x20-\xFF]+$/.test(value) &&
6689
6691
  text.error.addressInvalidCharacterError, disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
@@ -6691,17 +6693,17 @@ const UserInfoFormView = (props) => {
6691
6693
  helpText: formatErrorMessage(text.address, formState.errors.address),
6692
6694
  }
6693
6695
  : {}), { required: true })),
6694
- h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.city, id: "city", name: "/city", disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
6696
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.city, id: "city", name: "/city", value: formState.city, disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
6695
6697
  class: classes.ErrorInput,
6696
6698
  helpText: formatErrorMessage(text.city, text.error.fieldRequiredError),
6697
6699
  }
6698
6700
  : {}), { required: true })),
6699
- !states.hideState && (h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label", id: "state", name: "/state", disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
6701
+ !states.hideState && (h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
6700
6702
  class: classes.ErrorInput,
6701
6703
  helpText: formatErrorMessage(text.state, formState.errors.state),
6702
6704
  }
6703
6705
  : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (h("sl-menu-item", { value: r.value }, r.label))))),
6704
- h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label", id: "postalCode", name: "/postalCode", disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
6706
+ h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
6705
6707
  class: classes.ErrorInput,
6706
6708
  helpText: formatErrorMessage(text.postalCode, formState.errors.postalCode),
6707
6709
  }