@dropins/storefront-account 0.1.0-alpha2 → 0.1.0-alpha5
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/api/createCustomerAddress/createCustomerAddress.d.ts +4 -0
- package/api/createCustomerAddress/graphql/createCustomerAddress.graphql.d.ts +2 -0
- package/api/createCustomerAddress/index.d.ts +2 -0
- package/api/fetch-graphql/fetch-graphql.d.ts +8 -0
- package/api/fetch-graphql/index.d.ts +2 -0
- package/api/getAttributesForm/getAttributesForm.d.ts +4 -0
- package/api/getAttributesForm/graphql/getAttributesForm.graphql.d.ts +3 -0
- package/api/getAttributesForm/index.d.ts +2 -0
- package/api/getCountries/getCountries.d.ts +5 -0
- package/api/getCountries/graphql/getCountries.graphql.d.ts +2 -0
- package/api/getCountries/index.d.ts +2 -0
- package/api/getCustomer/getCustomer.d.ts +4 -0
- package/api/getCustomer/graphql/getCustomer.graphql.d.ts +2 -0
- package/api/getCustomer/index.d.ts +2 -0
- package/api/getCustomerAddress/getCustomerAddress.d.ts +4 -0
- package/api/getCustomerAddress/graphql/getCustomerAddress.graphql.d.ts +2 -0
- package/api/getCustomerAddress/index.d.ts +2 -0
- package/api/getRegions/getRegions.d.ts +2 -0
- package/api/getRegions/graphql/getRegions.graphql.d.ts +2 -0
- package/api/getRegions/index.d.ts +2 -0
- package/api/index.d.ts +11 -0
- package/api/initialize/index.d.ts +2 -0
- package/api/initialize/initialize.d.ts +14 -0
- package/api/removeCustomerAddress/graphql/removeCustomerAddress.graphql.d.ts +2 -0
- package/api/removeCustomerAddress/index.d.ts +2 -0
- package/api/removeCustomerAddress/removeCustomerAddress.d.ts +2 -0
- package/api/updateCustomerAddress/graphql/updateCustomerAddress.graphql.d.ts +2 -0
- package/api/updateCustomerAddress/index.d.ts +2 -0
- package/api/updateCustomerAddress/updateCustomerAddress.d.ts +8 -0
- package/api.d.ts +1 -0
- package/api.js +9 -2
- package/chunks/AddressFormWrapper.js +1 -0
- package/chunks/removeCustomerAddress.js +35 -0
- package/chunks/updateCustomerAddress.js +78 -0
- package/components/AccountLoaders/AccountLoaders.d.ts +7 -0
- package/components/AccountLoaders/index.d.ts +3 -0
- package/components/AddressActions/AddressActions.d.ts +5 -0
- package/components/AddressActions/index.d.ts +3 -0
- package/components/AddressCard/AddressCard.d.ts +5 -0
- package/components/AddressCard/index.d.ts +3 -0
- package/components/AddressFormWrapper/AddressFormWrapper.d.ts +5 -0
- package/components/AddressFormWrapper/index.d.ts +3 -0
- package/components/AddressModal/AddressModal.d.ts +5 -0
- package/components/AddressModal/index.d.ts +3 -0
- package/components/AddressesWrapper/AddressesWrapper.d.ts +5 -0
- package/components/AddressesWrapper/index.d.ts +3 -0
- package/components/EmptyList/EmptyList.d.ts +9 -0
- package/components/EmptyList/index.d.ts +3 -0
- package/components/Form/Form.d.ts +5 -0
- package/components/Form/FormInputs/FormInputs.d.ts +5 -0
- package/components/Form/FormInputs/index.d.ts +3 -0
- package/components/Form/index.d.ts +3 -0
- package/components/index.d.ts +11 -0
- package/configs/addressField.config.d.ts +39 -0
- package/configs/defaultAttributePreset.config.d.ts +2 -0
- package/configs/mockDefaultAddress.config.d.ts +182 -0
- package/containers/AddressForm/AddressForm.d.ts +5 -0
- package/containers/AddressForm/index.d.ts +3 -0
- package/containers/AddressForm.d.ts +3 -0
- package/containers/AddressForm.js +1 -0
- package/containers/Addresses/Addresses.d.ts +5 -0
- package/containers/Addresses/index.d.ts +3 -0
- package/containers/Addresses.d.ts +3 -0
- package/containers/Addresses.js +1 -0
- package/containers/index.d.ts +3 -0
- package/data/models/attributes-form.d.ts +45 -0
- package/data/models/country.d.ts +5 -0
- package/data/models/customer-address.d.ts +21 -0
- package/data/models/customer.d.ts +6 -0
- package/data/models/index.d.ts +5 -0
- package/data/models/region.d.ts +10 -0
- package/data/transforms/index.d.ts +6 -0
- package/data/transforms/transform-attributes-form.d.ts +6 -0
- package/data/transforms/transform-countries.d.ts +6 -0
- package/data/transforms/transform-customer-address.d.ts +7 -0
- package/data/transforms/transform-customer.d.ts +5 -0
- package/data/transforms/transform-regions.d.ts +6 -0
- package/hooks/api/useCountryRegionOptions.d.ts +7 -0
- package/hooks/components/useForm.d.ts +12 -0
- package/hooks/containers/useAddressForm.d.ts +20 -0
- package/hooks/containers/useAddresses.d.ts +22 -0
- package/hooks/useDebounce.d.ts +3 -0
- package/i18n/en_US.json.d.ts +46 -0
- package/lib/checkIsFunction.d.ts +2 -0
- package/lib/convertCase.d.ts +4 -0
- package/lib/convertToBoolean.d.ts +2 -0
- package/lib/convertToInputDateFormat.d.ts +2 -0
- package/lib/fetch-error.d.ts +5 -0
- package/lib/getFieldsConfig.d.ts +24 -0
- package/lib/getFormValues.d.ts +2 -0
- package/lib/manageAddressDeletion.d.ts +9 -0
- package/lib/network-error.d.ts +6 -0
- package/lib/normalizeAttributes.d.ts +2 -0
- package/lib/serializeAddressForm.d.ts +4 -0
- package/package.json +1 -1
- package/render/Provider.d.ts +8 -0
- package/render/index.d.ts +2 -0
- package/render/render.d.ts +4 -0
- package/render.d.ts +1 -0
- package/render.js +2 -2
- package/types/addressForm.types.d.ts +41 -0
- package/types/addresses.types.d.ts +54 -0
- package/types/api/createCustomerAddress.types.d.ts +47 -0
- package/types/api/getAttributesForm.types.d.ts +31 -0
- package/types/api/getCountries.types.d.ts +15 -0
- package/types/api/getCustomer.types.d.ts +13 -0
- package/types/api/getCustomerAddress.type.d.ts +36 -0
- package/types/api/getRegions.types.d.ts +16 -0
- package/types/api/removeCustomerAddress.types.d.ts +9 -0
- package/types/api/updateCustomerAddress.types.d.ts +11 -0
- package/types/form.types.d.ts +40 -0
- package/types/index.d.ts +12 -0
- package/api.js.map +0 -1
- package/render.js.map +0 -1
package/render.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './render/index'
|
package/render.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
(function(n,i){try{if(typeof document<"u"){const r=document.createElement("style"),e=i.styleId;for(const d in i.attributes)r.setAttribute(d,i.attributes[d]);r.setAttribute("data-dropin",e),r.appendChild(document.createTextNode(n));const a=document.querySelector('style[data-dropin="sdk"]');if(a)a.after(r);else{const d=document.querySelector('link[rel="stylesheet"], style');d?d.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})('.dropin-form{display:flex;flex-direction:column;gap:var(--spacing-medium)}@media (min-width: 768px){.dropin-form{display:grid;grid-template-columns:repeat(2,1fr)}.dropin-form>.dropin-field:nth-child(1),.dropin-form>.dropin-field:nth-child(2){grid-column:span 1}.dropin-form>.dropin-field:nth-child(3),.dropin-form>.dropin-field:nth-child(4),.dropin-form>.dropin-field:nth-child(5){grid-column:span 2}.dropin-form>.dropin-field:nth-child(6),.dropin-form>.dropin-field:nth-child(7){grid-column:span 1}.dropin-form>.dropin-field:nth-child(8),.dropin-form>.dropin-field:nth-child(9){grid-column:span 1}.dropin-form>.dropin-field:nth-child(n+10){grid-column:span 2}}.dropin-form [class$=-hidden]{position:absolute;opacity:0;height:0;width:0;overflow:hidden;clip:rect(0,0,0,0)}.dropin-address-card{border-radius:var(--shape-border-radius-1);margin-bottom:var(--spacing-small);border-width:var(--shape-border-width-1)}.dropin-address-card .dropin-card__content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-small) 0px;grid-template-areas:"description action" "labels action"}.dropin-address-card .dropin-address-card__action{display:flex;justify-content:flex-end;align-items:baseline;cursor:pointer;grid-area:action}.dropin-address-card .dropin-address-card__action--editbutton{margin-left:var(--spacing-small)}.dropin-address-card .dropin-address-card__action button{padding:0}.dropin-address-card .dropin-address-card__action button:hover{text-decoration:underline}.dropin-address-card .dropin-address-card__description{grid-area:description;margin:0;padding:0}.dropin-address-card .dropin-address-card__description p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800);margin:0;padding:0;display:inline;overflow:hidden}.dropin-address-card .dropin-address-card__description p:nth-child(1),.dropin-address-card .dropin-address-card__description p:nth-child(2){margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-800);font:var(--type-button-2-font);text-align:left;font-weight:500;cursor:default}.dropin-address-card__description p{margin-bottom:var(--spacing-xsmall)}.dropin-address-card .dropin-address-card__description p:nth-child(1),.dropin-address-card .dropin-address-card__description p:nth-child(5),.dropin-address-card .dropin-address-card__description p:nth-child(7){float:left;width:auto;margin-right:var(--spacing-xsmall)}.dropin-address-card .dropin-address-card__description p:nth-child(2),.dropin-address-card .dropin-address-card__description p:nth-child(6),.dropin-address-card .dropin-address-card__description p:nth-child(8){display:inline;width:50%}.dropin-address-card .dropin-address-card__description p:nth-child(2):after,.dropin-address-card .dropin-address-card__description p:nth-child(6):after,.dropin-address-card .dropin-address-card__description p:nth-child(8):after{content:"\\a";white-space:pre;display:block;height:var(--spacing-xsmall)}.dropin-address-card .dropin-address-card__description p:nth-child(3),.dropin-address-card .dropin-address-card__description p:nth-child(4),.dropin-address-card .dropin-address-card__description p:nth-child(n+9){display:block;width:100%;margin-bottom:var(--spacing-xsmall)}.dropin-address-card .dropin-address-card__labels{display:flex;gap:0 var(--spacing-xsmall);grid-area:labels}.dropin-account-loaders--card-loader{margin-bottom:var(--spacing-small)}.dropin-actions-address{cursor:pointer;padding:var(--spacing-xsmall) var(--spacing-medium);border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400);background-color:var(--color-neutral-50);width:100%;height:88px;display:flex;align-items:center;justify-content:space-between}.dropin-actions-address--title{font:var(--type-button-2-font)}.dropin-actions-address svg{stroke:var(--shape-icon-stroke-4);color:var(--color-neutral-800)}.dropin-address-modal{position:relative;padding:var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig);width:100%;margin:auto;max-width:721px}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.dropin-address-modal .dropin-modal__content{margin:0;align-items:center}.dropin-address-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.dropin-address-modal .dropin-address-modal__spinner{position:absolute;top:0;left:0;background-color:var(--color-neutral-200);opacity:.8;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.dropin-address-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.dropin-address-modal .dropin-address-modal__wrapper--buttons{display:flex;align-items:center;justify-content:right;gap:0 var(--spacing-small)}.dropin-empty-list{margin-bottom:var(--spacing-small)}.dropin-empty-list .dropin-card__content{gap:0;padding:var(--spacing-xxbig)}.dropin-empty-list .dropin-card__content svg{width:64px;height:64px;color:var(--color-neutral-800);margin-bottom:var(--spacing-medium)}.dropin-empty-list .dropin-card__content p{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.dropin-addresses-wrapper{box-sizing:border-box;position:relative}.dropin-address-form-wrapper{box-sizing:border-box;background-color:var(--color-neutral-50)}.dropin-address-form-wrapper--notification{margin-bottom:var(--spacing-medium)}.dropin-address-form-wrapper--title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.dropin-address-form-wrapper--buttons{display:flex;align-items:center;justify-content:end;gap:0 var(--spacing-medium);margin-top:var(--spacing-medium)}.dropin-address-form-wrapper--buttons button{min-width:142px}',{styleId:"account"});
|
|
2
|
+
import{jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{Render as o}from"@dropins/tools/lib.js";import{useState as n,useEffect as a}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as c}from"@dropins/tools/event-bus.js";const m={EmptyList:{emptyListMessage:"No saved addresses",emptyListOrders:"No orders"},ContainersTitle:{settingsAddressTitle:"Addresses"},FormText:{requiredFieldError:"This is a required field."},Addresses:{cardAction:"Edit",viewAllAddressesButton:"View all addresses",newAddressesFormTitle:"Add a new address",editAddressesFormTitle:"Edit address",addressesCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing"}},AddressActions:{viewAllAddressesButton:"View all addresses",addNewAddressButton:"Add new address"},AddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionSave:"Remove"},AddressForm:{formText:{secondaryButton:"Cancel",primaryButton:"Save",defaultShippingLabel:"Set as default shipping address",defaultBillingLabel:"Set as default billing address"}}},u={Account:m},A={default:u},p=({children:d})=>{const[r,t]=n("en_US");return a(()=>{const e=c.on("locale",i=>{t(i)},{eager:!0});return()=>{e==null||e.off()}},[]),s(l,{lang:r,langDefinitions:A,children:d})},B=new o(s(p,{}));export{B as render};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
|
|
2
|
+
import { AttributesFormModel, Country } from '../data/models';
|
|
3
|
+
|
|
4
|
+
interface AddressFormActionsContext {
|
|
5
|
+
handleUpdateAddress?: (event: Event, valid: boolean) => void;
|
|
6
|
+
handleCreateAddress?: (event: Event, valid: boolean) => void;
|
|
7
|
+
addressId: string | number;
|
|
8
|
+
}
|
|
9
|
+
interface AddressFormInputsContext {
|
|
10
|
+
formActions: {
|
|
11
|
+
handleChange: (event: Event) => void;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export interface AddressFormProps {
|
|
15
|
+
addressFormId?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
addressesFormTitle?: string;
|
|
18
|
+
inputsDefaultValueSet?: AttributesFormModel;
|
|
19
|
+
shippingCheckBoxValue?: boolean;
|
|
20
|
+
billingCheckBoxValue?: boolean;
|
|
21
|
+
showShippingCheckBox?: boolean;
|
|
22
|
+
showBillingCheckBox?: boolean;
|
|
23
|
+
isOpen?: boolean;
|
|
24
|
+
onSubmit?: () => Promise<void>;
|
|
25
|
+
slots?: {
|
|
26
|
+
AddressFormActions?: SlotProps<AddressFormActionsContext>;
|
|
27
|
+
AddressFormInputs?: SlotProps<AddressFormInputsContext>;
|
|
28
|
+
};
|
|
29
|
+
onCloseBtnClick?: () => void;
|
|
30
|
+
onSuccess?: () => void;
|
|
31
|
+
onError?: (error: string) => void;
|
|
32
|
+
handleRenderForm?: () => void;
|
|
33
|
+
onChange?: (values: Record<string, FormDataEntryValue>, inputValue: Record<string, string>, event: Event) => void;
|
|
34
|
+
}
|
|
35
|
+
export interface AddressFormWrapperProps extends AddressFormProps {
|
|
36
|
+
}
|
|
37
|
+
export interface useAddressFormProps extends Omit<AddressFormProps, 'className' | 'addressesFormTitle' | 'handleCloseForm'> {
|
|
38
|
+
countryRegionOptions: Record<string, Country[]>;
|
|
39
|
+
}
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=addressForm.types.d.ts.map
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'preact/compat';
|
|
2
|
+
import { AttributesFormModel, CustomerAddressesModel } from '../data/models';
|
|
3
|
+
import { FieldsProps } from './form.types';
|
|
4
|
+
|
|
5
|
+
export interface DefaultCheckBox extends Omit<FieldsProps, 'options'> {
|
|
6
|
+
}
|
|
7
|
+
export interface AddressesProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
minifiedView: boolean;
|
|
10
|
+
inputsDefaultValueSet?: AttributesFormModel;
|
|
11
|
+
newAddressesFormTitle?: string;
|
|
12
|
+
editAddressesFormTitle?: string;
|
|
13
|
+
viewAllAddressesText?: string;
|
|
14
|
+
addressesFormTitle?: string;
|
|
15
|
+
showShippingCheckBox?: boolean;
|
|
16
|
+
showBillingCheckBox?: boolean;
|
|
17
|
+
shippingCheckBoxValue?: boolean;
|
|
18
|
+
billingCheckBoxValue?: boolean;
|
|
19
|
+
routeAddressesPage?: () => string;
|
|
20
|
+
onSuccess?: () => void;
|
|
21
|
+
onError?: (error: string) => void;
|
|
22
|
+
}
|
|
23
|
+
export interface AddressesWrapperProps extends AddressesProps {
|
|
24
|
+
}
|
|
25
|
+
export interface useAddressesProps extends Omit<AddressesProps, 'className' | 'inputsDefaultValueSet' | 'addressesFormTitle' | 'shippingCheckBoxValue' | 'billingCheckBoxValue'> {
|
|
26
|
+
}
|
|
27
|
+
export interface KeysSortOrderProps {
|
|
28
|
+
name?: string;
|
|
29
|
+
orderNumber?: number;
|
|
30
|
+
label?: string | null;
|
|
31
|
+
}
|
|
32
|
+
export interface AddressCardProps {
|
|
33
|
+
addressData: CustomerAddressesModel | undefined;
|
|
34
|
+
keysSortOrder?: KeysSortOrderProps[];
|
|
35
|
+
loading?: boolean;
|
|
36
|
+
setAddressId?: (id: string) => void;
|
|
37
|
+
handleRenderModal?: () => void | undefined;
|
|
38
|
+
handleRenderForm?: () => void | undefined;
|
|
39
|
+
}
|
|
40
|
+
export interface AddressActionsProps extends HTMLAttributes<HTMLButtonElement> {
|
|
41
|
+
minifiedView: boolean;
|
|
42
|
+
addNewAddress: boolean;
|
|
43
|
+
viewAllAddressesText?: string;
|
|
44
|
+
routeAddressesPage: () => void;
|
|
45
|
+
}
|
|
46
|
+
export interface AddressModalProps {
|
|
47
|
+
addressData?: CustomerAddressesModel;
|
|
48
|
+
keysSortOrder?: KeysSortOrderProps[];
|
|
49
|
+
open: boolean;
|
|
50
|
+
submitLoading: boolean;
|
|
51
|
+
onRemoveAddress: () => void;
|
|
52
|
+
closeModal: () => void;
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=addresses.types.d.ts.map
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export interface CreateCustomerAddressResponse {
|
|
2
|
+
data: {
|
|
3
|
+
createCustomerAddress: {
|
|
4
|
+
firstname: string;
|
|
5
|
+
};
|
|
6
|
+
};
|
|
7
|
+
errors?: {
|
|
8
|
+
message: string;
|
|
9
|
+
}[];
|
|
10
|
+
}
|
|
11
|
+
interface Region {
|
|
12
|
+
region_id: number;
|
|
13
|
+
region: string;
|
|
14
|
+
region_code: string;
|
|
15
|
+
}
|
|
16
|
+
interface CustomAttributes {
|
|
17
|
+
attribute_code: string;
|
|
18
|
+
value: string;
|
|
19
|
+
}
|
|
20
|
+
interface CustomAttributesV2 extends CustomAttributes {
|
|
21
|
+
selected_options: {
|
|
22
|
+
value: string;
|
|
23
|
+
}[];
|
|
24
|
+
}
|
|
25
|
+
export interface AddressForm {
|
|
26
|
+
region?: Region;
|
|
27
|
+
city?: string;
|
|
28
|
+
company?: string;
|
|
29
|
+
country_code?: string;
|
|
30
|
+
country_id?: string;
|
|
31
|
+
custom_attributes?: CustomAttributes[];
|
|
32
|
+
custom_attributesV2?: CustomAttributesV2[];
|
|
33
|
+
default_billing?: boolean;
|
|
34
|
+
default_shipping?: boolean;
|
|
35
|
+
fax?: string;
|
|
36
|
+
firstname?: string;
|
|
37
|
+
lastname?: string;
|
|
38
|
+
middlename?: string;
|
|
39
|
+
postcode?: string;
|
|
40
|
+
prefix?: string;
|
|
41
|
+
street?: string[];
|
|
42
|
+
suffix?: string;
|
|
43
|
+
telephone?: string;
|
|
44
|
+
vat_id?: string;
|
|
45
|
+
}
|
|
46
|
+
export {};
|
|
47
|
+
//# sourceMappingURL=createCustomerAddress.types.d.ts.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface ResponseAttributesFormItemsProps {
|
|
2
|
+
code: string;
|
|
3
|
+
sort_order: string;
|
|
4
|
+
default_value: null | string;
|
|
5
|
+
entity_type: string;
|
|
6
|
+
frontend_class: null | string;
|
|
7
|
+
multiline_count: number;
|
|
8
|
+
frontend_input: string;
|
|
9
|
+
is_required: boolean;
|
|
10
|
+
is_unique: boolean;
|
|
11
|
+
label: string;
|
|
12
|
+
options: {
|
|
13
|
+
is_default: boolean;
|
|
14
|
+
label: string;
|
|
15
|
+
value: string;
|
|
16
|
+
}[];
|
|
17
|
+
}
|
|
18
|
+
export interface GetAttributesFormResponse {
|
|
19
|
+
data: {
|
|
20
|
+
attributesForm: {
|
|
21
|
+
errors?: {
|
|
22
|
+
message: string;
|
|
23
|
+
}[];
|
|
24
|
+
items?: ResponseAttributesFormItemsProps[];
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
errors?: {
|
|
28
|
+
message: string;
|
|
29
|
+
}[];
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=getAttributesForm.types.d.ts.map
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface CountriesFormResponse {
|
|
2
|
+
data: {
|
|
3
|
+
countries: {
|
|
4
|
+
two_letter_abbreviation: string;
|
|
5
|
+
full_name_locale: string;
|
|
6
|
+
available_regions: {
|
|
7
|
+
code: string;
|
|
8
|
+
}[] | null;
|
|
9
|
+
}[];
|
|
10
|
+
};
|
|
11
|
+
errors?: {
|
|
12
|
+
message: string;
|
|
13
|
+
}[];
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=getCountries.types.d.ts.map
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export type RegionProps = {
|
|
2
|
+
region: string;
|
|
3
|
+
region_code: string;
|
|
4
|
+
region_id: string | number;
|
|
5
|
+
};
|
|
6
|
+
export interface UserAddressesProps {
|
|
7
|
+
firstname: string;
|
|
8
|
+
lastname: string;
|
|
9
|
+
city: string;
|
|
10
|
+
company: string;
|
|
11
|
+
country_code: string;
|
|
12
|
+
region: RegionProps;
|
|
13
|
+
telephone: string;
|
|
14
|
+
id: string;
|
|
15
|
+
vat_id: string;
|
|
16
|
+
postcode: string;
|
|
17
|
+
street: string | string[] | [];
|
|
18
|
+
street_2?: string;
|
|
19
|
+
default_shipping: boolean;
|
|
20
|
+
default_billing: boolean;
|
|
21
|
+
custom_attributesV2: {
|
|
22
|
+
code: string;
|
|
23
|
+
value: string;
|
|
24
|
+
}[];
|
|
25
|
+
}
|
|
26
|
+
export interface AddressResponse {
|
|
27
|
+
data: {
|
|
28
|
+
customer?: {
|
|
29
|
+
addresses: UserAddressesProps[];
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
errors?: {
|
|
33
|
+
message: string;
|
|
34
|
+
}[];
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=getCustomerAddress.type.d.ts.map
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface RegionsFormResponse {
|
|
2
|
+
data: {
|
|
3
|
+
country: {
|
|
4
|
+
id: string;
|
|
5
|
+
available_regions: {
|
|
6
|
+
id: number;
|
|
7
|
+
code: string;
|
|
8
|
+
name: string;
|
|
9
|
+
}[];
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
errors?: {
|
|
13
|
+
message: string;
|
|
14
|
+
}[];
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=getRegions.types.d.ts.map
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { SlotProps } from '@dropins/tools/types/elsie/src/src/lib';
|
|
2
|
+
import { AttributesFormModel, Country, FieldEnumList } from '../data/models';
|
|
3
|
+
|
|
4
|
+
export interface FieldsProps extends Omit<AttributesFormModel, 'options'> {
|
|
5
|
+
className?: string;
|
|
6
|
+
fieldType: FieldEnumList;
|
|
7
|
+
id: string;
|
|
8
|
+
options: Country[];
|
|
9
|
+
}
|
|
10
|
+
interface AddressFormInputsContext {
|
|
11
|
+
formActions: {
|
|
12
|
+
handleChange: (event: Event) => void;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export interface FormProps {
|
|
16
|
+
fieldsConfig: FieldsProps[] | [];
|
|
17
|
+
name?: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
children?: any;
|
|
20
|
+
loading?: boolean;
|
|
21
|
+
onSubmit?: (event: SubmitEvent, isValid: boolean) => Promise<void | null | undefined>;
|
|
22
|
+
handleSetCountryCode: (value: string) => void;
|
|
23
|
+
slots?: {
|
|
24
|
+
AddressFormInputs?: SlotProps<AddressFormInputsContext>;
|
|
25
|
+
};
|
|
26
|
+
onChange?: (values: Record<string, FormDataEntryValue>, inputValue: Record<string, string>, event: Event) => void;
|
|
27
|
+
}
|
|
28
|
+
export interface useFormProps extends Omit<FormProps, 'children' | 'className' | 'name'> {
|
|
29
|
+
}
|
|
30
|
+
export interface FormInputsProps {
|
|
31
|
+
className?: string;
|
|
32
|
+
errors?: Record<string, string>;
|
|
33
|
+
values?: Record<string, string | number | boolean>;
|
|
34
|
+
fields?: any;
|
|
35
|
+
loading?: boolean;
|
|
36
|
+
onChange?: (event: Event) => void;
|
|
37
|
+
onBlur?: (event: Event) => void;
|
|
38
|
+
}
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=form.types.d.ts.map
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export * from './addresses.types';
|
|
2
|
+
export * from './addressForm.types';
|
|
3
|
+
export * from './form.types';
|
|
4
|
+
export * from './api/createCustomerAddress.types';
|
|
5
|
+
export * from './api/getAttributesForm.types';
|
|
6
|
+
export * from './api/getCustomerAddress.type';
|
|
7
|
+
export * from './api/getCountries.types';
|
|
8
|
+
export * from './api/getRegions.types';
|
|
9
|
+
export * from './api/updateCustomerAddress.types';
|
|
10
|
+
export * from './api/getCustomer.types';
|
|
11
|
+
export * from './api/removeCustomerAddress.types';
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
package/api.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"api.js","sources":["../src/api/initialize/initialize.ts","../src/api/fetch-graphql/fetch-graphql.ts"],"sourcesContent":["import { Initializer } from '@adobe/elsie/lib';\nimport { Lang } from '@adobe/elsie/i18n';\n// import { events } from '@adobe/event-bus';\n\ntype ConfigProps = {\n langDefinitions?: Lang;\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n init: async (config) => {\n const defaultConfig = {};\n\n initialize.config.setConfig({ ...defaultConfig, ...config });\n },\n\n listeners: () => [\n // events.on('authenticated', (authenticated) => {\n // console.log('authenticated', authenticated);\n // }),\n ],\n});\n\nexport const config = initialize.config;\n","import { FetchGraphQL } from '@adobe/fetch-graphql';\n\nexport const {\n setEndpoint,\n setFetchGraphQlHeader,\n removeFetchGraphQlHeader,\n setFetchGraphQlHeaders,\n fetchGraphQl,\n getConfig,\n} = new FetchGraphQL().getMethods();\n"],"names":["initialize","Initializer","init","config","defaultConfig","setConfig","listeners","setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","fetchGraphQl","getConfig","FetchGraphQL","getMethods"],"mappings":"mHAQaA,MAAAA,EAAa,IAAIC,EAAyB,CACrDC,KAAM,MAAOC,GAAW,CACtB,MAAMC,EAAgB,CAAA,EAEtBJ,EAAWG,OAAOE,UAAU,CAAE,GAAGD,EAAe,GAAGD,CAAAA,CAAQ,CAC7D,EAEAG,UAAWA,IAAM,CAGf,CAEJ,CAAC,EAEYH,EAASH,EAAWG,OCpBpB,CACXI,YAAAA,EACAC,sBAAAA,EACAC,yBAAAA,EACAC,uBAAAA,EACAC,aAAAA,EACAC,UAAAA,CACF,EAAI,IAAIC,EAAa,EAAEC,WAAW"}
|
package/render.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"render.js","sources":["../src/render/Provider.tsx","../src/render/render.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe/elsie/components';\nimport { Lang } from '@adobe/elsie/i18n';\nimport { events } from '@adobe/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n default: en_US,\n};\n\ninterface CartProviderProps {\n children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n children,\n}) => {\n const [lang, setLang] = useState<Lang>('en_US');\n\n // Events\n useEffect(() => {\n const localeEvent = events.on(\n 'locale',\n (locale: string) => {\n setLang(locale as Lang);\n },\n { eager: true }\n );\n return () => {\n localeEvent?.off();\n };\n }, []);\n\n return (\n <UIProvider lang={lang} langDefinitions={langDefinitions}>\n {children}\n </UIProvider>\n );\n};\n","import { Render } from '@adobe/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","default","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","on","locale","eager","off","_jsx","UIProvider","render","Render"],"mappings":"kTASMA,EAAkB,CACtBC,QAASC,CACX,EAMaC,EAAiDA,CAAC,CAC7DC,SAAAA,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9CC,OAAAA,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAOC,GACzB,SACCC,GAAmB,CAClBN,EAAQM,CAAe,CAAA,EAEzB,CAAEC,MAAO,EAAA,CACX,EACA,MAAO,IAAM,CACXJ,GAAAA,MAAAA,EAAaK,KAAI,CAErB,EAAG,CAAE,CAAA,EAGHC,EAACC,EAAU,CAACX,KAAAA,EAAYL,gBAAAA,EAAiCI,SAAAA,CAAAA,CAE7C,CAEhB,ECtCaa,EAAS,IAAIC,EAAOH,EAACZ,EAAU,CAAA,CAAA,CAAC"}
|