@nuskin/shipping-address-form 1.0.0-pa-1057.1

package/README.md

@@ -0,0 +1,229 @@
+# @nuskin/shipping-address-form
+
+React wrapper around [`@nuskin/address-lookup`](https://www.npmjs.com/package/@nuskin/address-lookup) that adds shipping-specific fields and actions.
+
+The component:
+
+- renders address lookup/validation via `@nuskin/address-lookup`
+- adds shipping fields such as `addressName`, `mobilePhone`, and `instructions`
+- loads localized strings from Contentstack and passes `formStrings` into `AddressLookup`
+- emits a single action callback for `save` and `cancel`
+
+## Installation
+
+```bash
+yarn add @nuskin/shipping-address-form
+```
+
+Peer dependencies:
+
+- `react`
+- `react-dom`
+- `axios`
+
+Direct dependencies used by this package:
+
+- `@nuskin/address-lookup`
+- `react-phone-number-input`
+
+## Usage
+
+```jsx
+import ShippingAddressForm from '@nuskin/shipping-address-form'
+
+export default function Example() {
+  const handleAction = (payload) => {
+    if (payload.type === 'cancel') {
+      return
+    }
+
+    if (payload.type === 'save') {
+      console.log(payload.data)
+      console.log(payload.validationStatus)
+    }
+  }
+
+  return (
+    <ShippingAddressForm
+      country='US'
+      language='en'
+      address={{
+        address1: '123 Main St',
+        city: 'Provo',
+        region: 'UT',
+        postalCode: '84604',
+        email: 'user@example.com'
+      }}
+      onAction={handleAction}
+    />
+  )
+}
+```
+
+## Props
+
+### `country`
+
+- Type: `string`
+- Default: `'US'`
+
+Two-character country code used for:
+
+- shipping field configuration
+- initial phone country
+- localized string lookup
+- the underlying `AddressLookup` country
+
+### `language`
+
+- Type: `string | undefined`
+
+Language code used to load localized strings for this component and `AddressLookup`.
+
+### `address`
+
+- Type: `object | null`
+- Default: `null`
+
+Initial form values. Shipping fields supported by this wrapper include:
+
+- `addressName`
+- `mobilePhone`
+- `instructions`
+- `saveToAccount`
+- `saveAsDefault`
+
+Address fields used by `@nuskin/address-lookup` can also be provided.
+
+### `onAction`
+
+- Type: `(payload) => void`
+
+Single callback for form actions.
+
+#### Cancel payload
+
+```js
+{ type: 'cancel' }
+```
+
+#### Save payload
+
+Only emitted after:
+
+- `AddressLookup` validation is triggered
+- `AddressLookup` reports `status.completeness === 'complete'`
+- required shipping fields are complete
+
+```js
+{
+  type: 'save',
+  data: {
+    address1: '123 Main St',
+    city: 'Provo',
+    region: 'UT',
+    postalCode: '84604',
+    email: 'user@example.com',
+    addressName: 'Home',
+    mobilePhone: '+18015551212',
+    instructions: 'Leave at front desk',
+    saveToAccount: true,
+    saveAsDefault: false
+  },
+  validationStatus: {
+    verification: 'verified',
+    completeness: 'complete',
+    missingFields: [],
+    mode: 'manual',
+    postalCode: { ... },
+    email: { ... }
+  }
+}
+```
+
+## Validation behavior
+
+### Address fields
+
+Address validation is delegated to `@nuskin/address-lookup`.
+
+When the Save button is clicked:
+
+- `ShippingAddressForm` increments `validationRequestId`
+- `AddressLookup` validates its fields
+- if the returned callback payload is a complete `validation-request`, `ShippingAddressForm` may emit `onAction({ type: 'save', ... })`
+
+### Shipping fields
+
+Shipping field validation is handled locally.
+
+- Required field errors show on blur and on save attempt.
+- Phone validation uses `isPossiblePhoneNumber()` from `react-phone-number-input`.
+- Invalid phone numbers show an error message and red field styling.
+- Invalid phone format is currently non-blocking for save.
+- Missing required shipping fields block save.
+
+## Localization
+
+Strings are loaded from Contentstack content type:
+
+- `shipping_component`
+
+This component uses shipping-level strings such as:
+
+- `addressName`
+- `mobilePhoneLabel`
+- `instructionsLabel`
+- `agreeToSaveAddress`
+- `setDefault`
+- `saveAddress`
+- `cancel`
+- `invalidPhone`
+- `fieldRequired`
+
+It also passes `formStrings` through to `@nuskin/address-lookup`.
+
+When the phone country is changed, the phone label is reloaded for that selected country and cached for reuse.
+
+## Styling
+
+This package imports:
+
+- `react-phone-number-input/style.css`
+- `src/styles/shippingAddressForm.css` in the built package
+
+The component uses namespaced CSS classes starting with:
+
+- `.ns-shipping-address-form`
+
+Examples:
+
+- `.ns-shipping-address-form__input`
+- `.ns-shipping-address-form__input--invalid`
+- `.ns-shipping-address-form__phone`
+- `.ns-shipping-address-form__error-text`
+- `.ns-shipping-address-form__button`
+
+The stylesheet also exposes CSS variables for common overrides:
+
+- `--nssf-border-color`
+- `--nssf-error-color`
+- `--nssf-primary-color`
+- `--nssf-surface-color`
+- `--nssf-radius`
+
+Parent applications can override these selectors or variables to customize styling.
+
+## Development
+
+Run the local test app:
+
+```bash
+yarn dev
+```
+
+Build the package:
+
+```bash
+yarn build
+```

package/dist/ShippingAddressForm.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _addressLookup = _interopRequireDefault(require("@nuskin/address-lookup"));
+require("react-phone-number-input/style.css");
+require("./styles/shippingAddressForm.css");
+var _useAddressFieldLabels = _interopRequireDefault(require("./hooks/useAddressFieldLabels.jsx"));
+var _useShippingFormState = _interopRequireDefault(require("./hooks/useShippingFormState.jsx"));
+var _ShippingField = _interopRequireDefault(require("./components/ShippingField.jsx"));
+var _countries = require("./config/shipping/countries.js");
+var _shippingStrings = require("./utils/shippingStrings.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getFieldLabel = (fieldName, labels, phoneLabelOverride) => {
+  const labelMap = {
+    addressName: labels.addressNameLabel,
+    mobilePhone: phoneLabelOverride || labels.mobilePhoneLabel,
+    instructions: labels.instructionsLabel
+  };
+  return labelMap[fieldName] || fieldName;
+};
+const ShippingAddressForm = ({
+  country = 'US',
+  language,
+  onAction,
+  address = null
+}) => {
+  const labels = (0, _useAddressFieldLabels.default)(country, language);
+  const {
+    fields,
+    layout
+  } = (0, _countries.resolveShippingCountryConfig)(country);
+  const [isSavePending, setIsSavePending] = (0, _react.useState)(false);
+  const [validationRequestId, setValidationRequestId] = (0, _react.useState)(0);
+  const [phoneCountry, setPhoneCountry] = (0, _react.useState)(country);
+  const [mobilePhoneLabel, setMobilePhoneLabel] = (0, _react.useState)(labels.mobilePhoneLabel);
+  const {
+    values,
+    setFieldValue,
+    touchField,
+    markAllTouched,
+    resetValidationState,
+    getFieldError,
+    getValidationErrors
+  } = (0, _useShippingFormState.default)({
+    address,
+    shippingFields: fields,
+    labels
+  });
+  (0, _react.useEffect)(() => {
+    setPhoneCountry(country);
+    setMobilePhoneLabel(labels.mobilePhoneLabel);
+  }, [country, labels.mobilePhoneLabel]);
+  (0, _react.useEffect)(() => {
+    if (!values.saveToAccount && values.saveAsDefault) {
+      setFieldValue('saveAsDefault', false);
+    }
+  }, [setFieldValue, values.saveAsDefault, values.saveToAccount]);
+  const handleAddressSelect = data => {
+    var _data$status;
+    if (!isSavePending || (data === null || data === void 0 ? void 0 : data.type) !== 'validation-request') {
+      return;
+    }
+    setIsSavePending(false);
+    const shippingValidationErrors = getValidationErrors();
+    const isAddressLookupComplete = (data === null || data === void 0 || (_data$status = data.status) === null || _data$status === void 0 ? void 0 : _data$status.completeness) === 'complete';
+    const isShippingComplete = shippingValidationErrors.length === 0;
+    if (!isAddressLookupComplete || !isShippingComplete) {
+      return;
+    }
+    onAction === null || onAction === void 0 || onAction({
+      type: 'save',
+      data: {
+        ...data.address,
+        addressName: values.addressName,
+        mobilePhone: values.mobilePhone,
+        instructions: values.instructions,
+        saveToAccount: values.saveToAccount,
+        saveAsDefault: values.saveAsDefault
+      },
+      validationStatus: data.status
+    });
+  };
+  const handlePhoneCountryChange = async nextCountry => {
+    const resolvedCountry = nextCountry || country;
+    setPhoneCountry(resolvedCountry);
+    const resolvedLabels = await (0, _shippingStrings.getShippingLabels)({
+      country: resolvedCountry,
+      language
+    });
+    setMobilePhoneLabel(resolvedLabels.mobilePhoneLabel);
+  };
+  const handleSaveAddress = () => {
+    markAllTouched();
+    setIsSavePending(true);
+    setValidationRequestId(currentValue => currentValue + 1);
+  };
+  const handleCancel = () => {
+    setIsSavePending(false);
+    resetValidationState();
+    onAction === null || onAction === void 0 || onAction({
+      type: 'cancel'
+    });
+  };
+  const renderLayoutItem = (layoutItem, index) => {
+    if (layoutItem.type === 'component' && layoutItem.component === 'addressLookup') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_addressLookup.default, {
+        country: country,
+        language: language,
+        strings: labels.formStrings,
+        validationRequestId: validationRequestId,
+        onAddressSelect: handleAddressSelect,
+        initialAddress: address
+      }, `addressLookup-${index}`);
+    }
+    if (layoutItem.type === 'field') {
+      const fieldConfig = fields[layoutItem.field];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ShippingField.default, {
+        fieldConfig: fieldConfig,
+        label: getFieldLabel(fieldConfig.field, labels, mobilePhoneLabel),
+        value: values[fieldConfig.field],
+        error: getFieldError(fieldConfig),
+        country: phoneCountry,
+        countries: _countries.SHIPPING_COUNTRIES,
+        onChange: nextValue => setFieldValue(fieldConfig.field, nextValue),
+        onBlur: () => touchField(fieldConfig.field),
+        onPhoneCountryChange: handlePhoneCountryChange
+      }, fieldConfig.field);
+    }
+    return null;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "ns-shipping-address-form",
+    children: [layout.map(renderLayoutItem), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
+      className: "ns-shipping-address-form__separator"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+        className: "ns-shipping-address-form__checkbox-label ns-shipping-address-form__checkbox-label--spaced",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          type: "checkbox",
+          checked: values.saveToAccount,
+          onChange: e => setFieldValue('saveToAccount', e.target.checked),
+          className: "ns-shipping-address-form__checkbox"
+        }), labels.agreeToSaveAddressLabel]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+        className: "ns-shipping-address-form__checkbox-label",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          type: "checkbox",
+          checked: values.saveAsDefault,
+          onChange: e => setFieldValue('saveAsDefault', e.target.checked),
+          className: "ns-shipping-address-form__checkbox",
+          disabled: !values.saveToAccount
+        }), labels.setDefaultLabel]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
+      className: "ns-shipping-address-form__separator"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "ns-shipping-address-form__actions",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        onClick: handleSaveAddress,
+        className: "ns-shipping-address-form__button ns-shipping-address-form__button--primary",
+        children: labels.saveAddressButtonLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        onClick: handleCancel,
+        className: "ns-shipping-address-form__button ns-shipping-address-form__button--secondary",
+        children: labels.cancelLabel
+      })]
+    })]
+  });
+};
+var _default = exports.default = ShippingAddressForm;
+//# sourceMappingURL=ShippingAddressForm.js.map

package/dist/ShippingAddressForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingAddressForm.js","names":["_react","require","_addressLookup","_interopRequireDefault","_useAddressFieldLabels","_useShippingFormState","_ShippingField","_countries","_shippingStrings","_jsxRuntime","e","__esModule","default","getFieldLabel","fieldName","labels","phoneLabelOverride","labelMap","addressName","addressNameLabel","mobilePhone","mobilePhoneLabel","instructions","instructionsLabel","ShippingAddressForm","country","language","onAction","address","useAddressFieldLabels","fields","layout","resolveShippingCountryConfig","isSavePending","setIsSavePending","useState","validationRequestId","setValidationRequestId","phoneCountry","setPhoneCountry","setMobilePhoneLabel","values","setFieldValue","touchField","markAllTouched","resetValidationState","getFieldError","getValidationErrors","useShippingFormState","shippingFields","useEffect","saveToAccount","saveAsDefault","handleAddressSelect","data","_data$status","type","shippingValidationErrors","isAddressLookupComplete","status","completeness","isShippingComplete","length","validationStatus","handlePhoneCountryChange","nextCountry","resolvedCountry","resolvedLabels","getShippingLabels","handleSaveAddress","currentValue","handleCancel","renderLayoutItem","layoutItem","index","component","jsx","strings","formStrings","onAddressSelect","initialAddress","fieldConfig","field","label","value","error","countries","SHIPPING_COUNTRIES","onChange","nextValue","onBlur","onPhoneCountryChange","jsxs","className","children","map","checked","target","agreeToSaveAddressLabel","disabled","setDefaultLabel","onClick","saveAddressButtonLabel","cancelLabel","_default","exports"],"sources":["../src/ShippingAddressForm.jsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport AddressLookup from '@nuskin/address-lookup'\nimport 'react-phone-number-input/style.css'\nimport './styles/shippingAddressForm.css'\nimport useAddressFieldLabels from './hooks/useAddressFieldLabels.jsx';\nimport useShippingFormState from './hooks/useShippingFormState.jsx';\nimport ShippingField from './components/ShippingField.jsx';\nimport { resolveShippingCountryConfig, SHIPPING_COUNTRIES } from './config/shipping/countries.js';\nimport { getShippingLabels } from './utils/shippingStrings.js';\n\nconst getFieldLabel = (fieldName, labels, phoneLabelOverride) => {\n  const labelMap = {\n    addressName: labels.addressNameLabel,\n    mobilePhone: phoneLabelOverride || labels.mobilePhoneLabel,\n    instructions: labels.instructionsLabel\n  };\n\n  return labelMap[fieldName] || fieldName;\n};\n\nconst ShippingAddressForm = ({\n  country = 'US',\n  language,\n  onAction,\n  address = null\n}) => {\n  const labels = useAddressFieldLabels(country, language)\n  const { fields, layout } = resolveShippingCountryConfig(country)\n  const [isSavePending, setIsSavePending] = useState(false)\n  const [validationRequestId, setValidationRequestId] = useState(0)\n  const [phoneCountry, setPhoneCountry] = useState(country)\n  const [mobilePhoneLabel, setMobilePhoneLabel] = useState(labels.mobilePhoneLabel)\n  const {\n    values,\n    setFieldValue,\n    touchField,\n    markAllTouched,\n    resetValidationState,\n    getFieldError,\n    getValidationErrors\n  } = useShippingFormState({\n    address,\n    shippingFields: fields,\n    labels\n  });\n\n  useEffect(() => {\n    setPhoneCountry(country)\n    setMobilePhoneLabel(labels.mobilePhoneLabel)\n  }, [country, labels.mobilePhoneLabel])\n\n  useEffect(() => {\n    if (!values.saveToAccount && values.saveAsDefault) {\n      setFieldValue('saveAsDefault', false);\n    }\n  }, [setFieldValue, values.saveAsDefault, values.saveToAccount])\n\n  const handleAddressSelect = (data) => {\n    if (!isSavePending || data?.type !== 'validation-request') {\n      return;\n    }\n\n    setIsSavePending(false);\n\n    const shippingValidationErrors = getValidationErrors();\n    const isAddressLookupComplete = data?.status?.completeness === 'complete';\n    const isShippingComplete = shippingValidationErrors.length === 0;\n\n    if (!isAddressLookupComplete || !isShippingComplete) {\n      return;\n    }\n\n    onAction?.({\n      type: 'save',\n      data: {\n        ...data.address,\n        addressName: values.addressName,\n        mobilePhone: values.mobilePhone,\n        instructions: values.instructions,\n        saveToAccount: values.saveToAccount,\n        saveAsDefault: values.saveAsDefault\n      },\n      validationStatus: data.status\n    });\n  }\n\n  const handlePhoneCountryChange = async (nextCountry) => {\n    const resolvedCountry = nextCountry || country;\n\n    setPhoneCountry(resolvedCountry);\n\n    const resolvedLabels = await getShippingLabels({\n      country: resolvedCountry,\n      language\n    });\n\n    setMobilePhoneLabel(resolvedLabels.mobilePhoneLabel);\n  };\n\n  const handleSaveAddress = () => {\n    markAllTouched();\n    setIsSavePending(true);\n    setValidationRequestId((currentValue) => currentValue + 1);\n  };\n\n  const handleCancel = () => {\n    setIsSavePending(false);\n    resetValidationState();\n    onAction?.({ type: 'cancel' });\n  };\n\n  const renderLayoutItem = (layoutItem, index) => {\n    if (layoutItem.type === 'component' && layoutItem.component === 'addressLookup') {\n      return (\n        <AddressLookup\n          key={`addressLookup-${index}`}\n          country={country}\n          language={language}\n          strings={labels.formStrings}\n          validationRequestId={validationRequestId}\n          onAddressSelect={handleAddressSelect}\n          initialAddress={address}\n        />\n      );\n    }\n\n    if (layoutItem.type === 'field') {\n      const fieldConfig = fields[layoutItem.field];\n\n      return (\n        <ShippingField\n          key={fieldConfig.field}\n          fieldConfig={fieldConfig}\n          label={getFieldLabel(fieldConfig.field, labels, mobilePhoneLabel)}\n          value={values[fieldConfig.field]}\n          error={getFieldError(fieldConfig)}\n          country={phoneCountry}\n          countries={SHIPPING_COUNTRIES}\n          onChange={(nextValue) => setFieldValue(fieldConfig.field, nextValue)}\n          onBlur={() => touchField(fieldConfig.field)}\n          onPhoneCountryChange={handlePhoneCountryChange}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <div className='ns-shipping-address-form'>\n      {layout.map(renderLayoutItem)}\n      <hr className='ns-shipping-address-form__separator' />\n      <div>\n        <label className='ns-shipping-address-form__checkbox-label ns-shipping-address-form__checkbox-label--spaced'>\n          <input\n            type=\"checkbox\"\n            checked={values.saveToAccount}\n            onChange={(e) => setFieldValue('saveToAccount', e.target.checked)}\n            className='ns-shipping-address-form__checkbox'\n          />\n          {labels.agreeToSaveAddressLabel}\n        </label>\n      </div>\n      <div>\n        <label className='ns-shipping-address-form__checkbox-label'>\n          <input\n            type=\"checkbox\"\n            checked={values.saveAsDefault}\n            onChange={(e) => setFieldValue('saveAsDefault', e.target.checked)}\n            className='ns-shipping-address-form__checkbox'\n            disabled={!values.saveToAccount}\n          />\n          {labels.setDefaultLabel}\n        </label>\n      </div>\n      <hr className='ns-shipping-address-form__separator' />\n      <div className='ns-shipping-address-form__actions'>\n        <button\n          type=\"button\"\n          onClick={handleSaveAddress}\n          className='ns-shipping-address-form__button ns-shipping-address-form__button--primary'\n        >\n          {labels.saveAddressButtonLabel}\n        </button>\n        <button\n          type=\"button\"\n          onClick={handleCancel}\n          className='ns-shipping-address-form__button ns-shipping-address-form__button--secondary'\n        >\n          {labels.cancelLabel}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default ShippingAddressForm;\n"],"mappings":"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","ignoreList":[]}

package/dist/components/EgonResults.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _useEgonLookup = _interopRequireDefault(require("../hooks/useEgonLookup"));
+var _useEgonNormalize = _interopRequireDefault(require("../hooks/useEgonNormalize"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const EgonResults = ({
+  countryCode,
+  onSelect
+}) => {
+  const [query, setQuery] = (0, _react.useState)('');
+  const [selectedAddress, setSelectedAddress] = (0, _react.useState)(null);
+  const [houseNumber, setHouseNumber] = (0, _react.useState)('');
+  const [addressForNormalize, setAddressForNormalize] = (0, _react.useState)(null);
+  const [isWaitingForHouseNumber, setIsWaitingForHouseNumber] = (0, _react.useState)(false);
+  const shouldSearchRef = (0, _react.useRef)(true);
+  const {
+    suggestions,
+    loading,
+    error,
+    responseTime
+  } = (0, _useEgonLookup.default)(shouldSearchRef.current ? query : '', countryCode);
+  const {
+    normalizedAddress,
+    loading: normalizeLoading,
+    error: normalizeError,
+    responseTime: normalizeResponseTime
+  } = (0, _useEgonNormalize.default)(addressForNormalize, countryCode);
+  const handleSelect = address => {
+    shouldSearchRef.current = false;
+    if (!address.hn_num) {
+      // No house number - update field and wait for house number entry
+      setQuery(address.displayText);
+      setSelectedAddress(address);
+      setAddressForNormalize(null);
+      setIsWaitingForHouseNumber(true);
+    } else {
+      // Has house number - normalize immediately with just egoncode_place and hn
+      const normalizePayload = {
+        egoncode_place: address.id,
+        hn: address.hn_num + (address.hn_exp || '')
+      };
+      setQuery(address.displayText);
+      setSelectedAddress(address);
+      setAddressForNormalize(normalizePayload);
+      setIsWaitingForHouseNumber(false);
+      onSelect === null || onSelect === void 0 || onSelect({
+        type: 'egon',
+        address
+      });
+    }
+  };
+  const handleHouseNumberSearch = () => {
+    if (selectedAddress && houseNumber) {
+      shouldSearchRef.current = false;
+      const addressWithHouseNumber = {
+        egoncode_place: selectedAddress.id,
+        hn: houseNumber
+      };
+      const formattedAddress = `${selectedAddress.displayText} ${houseNumber}`;
+      setQuery(formattedAddress);
+      setAddressForNormalize(addressWithHouseNumber);
+      setIsWaitingForHouseNumber(false);
+      onSelect === null || onSelect === void 0 || onSelect({
+        type: 'egon',
+        address: addressWithHouseNumber
+      });
+    }
+  };
+  const displayAddress = normalizedAddress || selectedAddress;
+  (0, _react.useEffect)(() => {
+    var _normalizedAddress$st;
+    if (normalizedAddress !== null && normalizedAddress !== void 0 && (_normalizedAddress$st = normalizedAddress.standard) !== null && _normalizedAddress$st !== void 0 && _normalizedAddress$st.full_address) {
+      shouldSearchRef.current = false;
+      setQuery(normalizedAddress.standard.full_address);
+    }
+  }, [normalizedAddress]);
+  const renderField = (label, value) => {
+    if (!value) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("strong", {
+        children: [label, ":"]
+      }), " ", value]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      flex: '1 1 300px',
+      minWidth: '300px'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
+      children: "Egon"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "text",
+      value: query,
+      onChange: e => {
+        shouldSearchRef.current = true;
+        setSelectedAddress(null);
+        setIsWaitingForHouseNumber(false);
+        setQuery(e.target.value);
+      },
+      placeholder: "Enter address...",
+      style: {
+        marginBottom: '10px',
+        padding: '8px',
+        width: '100%'
+      }
+    }), selectedAddress && !selectedAddress.hn_num && isWaitingForHouseNumber && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        gap: '5px',
+        marginBottom: '10px'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "text",
+        value: houseNumber,
+        onChange: e => setHouseNumber(e.target.value),
+        placeholder: "Enter house number...",
+        style: {
+          padding: '8px',
+          flex: 1
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        onClick: handleHouseNumberSearch,
+        style: {
+          padding: '8px'
+        },
+        children: "\uD83D\uDD0D"
+      })]
+    }), responseTime && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        fontSize: '12px',
+        color: '#666',
+        marginBottom: '10px'
+      },
+      children: ["Search response time: ", responseTime, "ms"]
+    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "Loading..."
+    }), error && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: ["Error: ", error]
+    }), selectedAddress && !isWaitingForHouseNumber ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        border: '1px solid #ccc',
+        padding: '10px',
+        borderRadius: '5px'
+      },
+      children: [normalizeLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "Normalizing..."
+      }), normalizeError && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        style: {
+          color: 'red'
+        },
+        children: ["Normalize Error: ", normalizeError]
+      }), normalizeResponseTime && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        style: {
+          fontSize: '12px',
+          color: '#666',
+          marginBottom: '10px'
+        },
+        children: ["Detail response time: ", normalizeResponseTime, "ms"]
+      }), displayAddress !== null && displayAddress !== void 0 && displayAddress.standard ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [renderField('Address', displayAddress.standard.address), renderField('Full Address', displayAddress.standard.full_address), renderField('House Number', displayAddress.standard.hn), renderField('Street', displayAddress.standard.street), renderField('City', displayAddress.standard.city), renderField('State', displayAddress.standard.state), renderField('Province', displayAddress.standard.province), renderField('Region', displayAddress.standard.region), renderField('Postal Code', displayAddress.standard.zipcode), renderField('Country', displayAddress.standard.country)]
+      }) : displayAddress ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [renderField('Street', `${displayAddress.hn_num || ''}${displayAddress.hn_exp || ''} ${displayAddress.street || ''}`.trim()), renderField('City', displayAddress.city), renderField('State', displayAddress.state), renderField('Province', displayAddress.province), renderField('Region', displayAddress.region), renderField('Postal Code', displayAddress.zipcode), renderField('Country', displayAddress.country)]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        onClick: () => {
+          setSelectedAddress(null);
+          setQuery('');
+          setHouseNumber('');
+          setIsWaitingForHouseNumber(false);
+        },
+        style: {
+          marginTop: '8px',
+          padding: '4px 8px'
+        },
+        children: "Clear"
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      children: suggestions.map((suggestion, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        onClick: () => handleSelect(suggestion),
+        style: {
+          cursor: 'pointer'
+        },
+        children: suggestion.displayText
+      }, index))
+    })]
+  });
+};
+var _default = exports.default = EgonResults;
+//# sourceMappingURL=EgonResults.js.map

package/dist/components/EgonResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EgonResults.js","names":["_react","require","_useEgonLookup","_interopRequireDefault","_useEgonNormalize","_jsxRuntime","e","__esModule","default","EgonResults","countryCode","onSelect","query","setQuery","useState","selectedAddress","setSelectedAddress","houseNumber","setHouseNumber","addressForNormalize","setAddressForNormalize","isWaitingForHouseNumber","setIsWaitingForHouseNumber","shouldSearchRef","useRef","suggestions","loading","error","responseTime","useEgonLookup","current","normalizedAddress","normalizeLoading","normalizeError","normalizeResponseTime","useEgonNormalize","handleSelect","address","hn_num","displayText","normalizePayload","egoncode_place","id","hn","hn_exp","type","handleHouseNumberSearch","addressWithHouseNumber","formattedAddress","displayAddress","useEffect","_normalizedAddress$st","standard","full_address","renderField","label","value","jsxs","children","style","flex","minWidth","jsx","onChange","target","placeholder","marginBottom","padding","width","display","gap","onClick","fontSize","color","border","borderRadius","Fragment","street","city","state","province","region","zipcode","country","trim","marginTop","map","suggestion","index","cursor","_default","exports"],"sources":["../../src/components/EgonResults.jsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport useEgonLookup from '../hooks/useEgonLookup';\nimport useEgonNormalize from '../hooks/useEgonNormalize';\n\nconst EgonResults = ({ countryCode, onSelect }) => {\n  const [query, setQuery] = useState('');\n  const [selectedAddress, setSelectedAddress] = useState(null);\n  const [houseNumber, setHouseNumber] = useState('');\n  const [addressForNormalize, setAddressForNormalize] = useState(null);\n  const [isWaitingForHouseNumber, setIsWaitingForHouseNumber] = useState(false);\n  const shouldSearchRef = useRef(true);\n\n  const { suggestions, loading, error, responseTime } = useEgonLookup(\n    shouldSearchRef.current ? query : '',\n    countryCode\n  );\n  const {\n    normalizedAddress,\n    loading: normalizeLoading,\n    error: normalizeError,\n    responseTime: normalizeResponseTime\n  } = useEgonNormalize(addressForNormalize, countryCode);\n\n  const handleSelect = (address) => {\n    shouldSearchRef.current = false;\n    if (!address.hn_num) {\n      // No house number - update field and wait for house number entry\n      setQuery(address.displayText);\n      setSelectedAddress(address);\n      setAddressForNormalize(null);\n      setIsWaitingForHouseNumber(true);\n    } else {\n      // Has house number - normalize immediately with just egoncode_place and hn\n      const normalizePayload = {\n        egoncode_place: address.id,\n        hn: address.hn_num + (address.hn_exp || '')\n      };\n      setQuery(address.displayText);\n      setSelectedAddress(address);\n      setAddressForNormalize(normalizePayload);\n      setIsWaitingForHouseNumber(false);\n      onSelect?.({ type: 'egon', address });\n    }\n  };\n\n  const handleHouseNumberSearch = () => {\n    if (selectedAddress && houseNumber) {\n      shouldSearchRef.current = false;\n      const addressWithHouseNumber = {\n        egoncode_place: selectedAddress.id,\n        hn: houseNumber\n      };\n      const formattedAddress = `${selectedAddress.displayText} ${houseNumber}`;\n      setQuery(formattedAddress);\n      setAddressForNormalize(addressWithHouseNumber);\n      setIsWaitingForHouseNumber(false);\n      onSelect?.({ type: 'egon', address: addressWithHouseNumber });\n    }\n  };\n\n  const displayAddress = normalizedAddress || selectedAddress;\n\n  useEffect(() => {\n    if (normalizedAddress?.standard?.full_address) {\n      shouldSearchRef.current = false;\n      setQuery(normalizedAddress.standard.full_address);\n    }\n  }, [normalizedAddress]);\n\n  const renderField = (label, value) => {\n    if (!value) return null;\n    return (\n      <div>\n        <strong>{label}:</strong> {value}\n      </div>\n    );\n  };\n\n  return (\n    <div style={{ flex: '1 1 300px', minWidth: '300px' }}>\n      <h4>Egon</h4>\n      <input\n        type=\"text\"\n        value={query}\n        onChange={(e) => {\n          shouldSearchRef.current = true;\n          setSelectedAddress(null);\n          setIsWaitingForHouseNumber(false);\n          setQuery(e.target.value);\n        }}\n        placeholder=\"Enter address...\"\n        style={{ marginBottom: '10px', padding: '8px', width: '100%' }}\n      />\n      {selectedAddress && !selectedAddress.hn_num && isWaitingForHouseNumber && (\n        <div style={{ display: 'flex', gap: '5px', marginBottom: '10px' }}>\n          <input\n            type=\"text\"\n            value={houseNumber}\n            onChange={(e) => setHouseNumber(e.target.value)}\n            placeholder=\"Enter house number...\"\n            style={{ padding: '8px', flex: 1 }}\n          />\n          <button onClick={handleHouseNumberSearch} style={{ padding: '8px' }}>\n            🔍\n          </button>\n        </div>\n      )}\n      {responseTime && (\n        <div style={{ fontSize: '12px', color: '#666', marginBottom: '10px' }}>\n          Search response time: {responseTime}ms\n        </div>\n      )}\n      {loading && <div>Loading...</div>}\n      {error && <div>Error: {error}</div>}\n      {selectedAddress && !isWaitingForHouseNumber ? (\n        <div style={{ border: '1px solid #ccc', padding: '10px', borderRadius: '5px' }}>\n          {normalizeLoading && <div>Normalizing...</div>}\n          {normalizeError && (\n            <div style={{ color: 'red' }}>Normalize Error: {normalizeError}</div>\n          )}\n          {normalizeResponseTime && (\n            <div style={{ fontSize: '12px', color: '#666', marginBottom: '10px' }}>\n              Detail response time: {normalizeResponseTime}ms\n            </div>\n          )}\n          {displayAddress?.standard ? (\n            <>\n              {renderField('Address', displayAddress.standard.address)}\n              {renderField('Full Address', displayAddress.standard.full_address)}\n              {renderField('House Number', displayAddress.standard.hn)}\n              {renderField('Street', displayAddress.standard.street)}\n              {renderField('City', displayAddress.standard.city)}\n              {renderField('State', displayAddress.standard.state)}\n              {renderField('Province', displayAddress.standard.province)}\n              {renderField('Region', displayAddress.standard.region)}\n              {renderField('Postal Code', displayAddress.standard.zipcode)}\n              {renderField('Country', displayAddress.standard.country)}\n            </>\n          ) : displayAddress ? (\n            <>\n              {renderField(\n                'Street',\n                `${displayAddress.hn_num || ''}${displayAddress.hn_exp || ''} ${displayAddress.street || ''}`.trim()\n              )}\n              {renderField('City', displayAddress.city)}\n              {renderField('State', displayAddress.state)}\n              {renderField('Province', displayAddress.province)}\n              {renderField('Region', displayAddress.region)}\n              {renderField('Postal Code', displayAddress.zipcode)}\n              {renderField('Country', displayAddress.country)}\n            </>\n          ) : null}\n          <button\n            onClick={() => {\n              setSelectedAddress(null);\n              setQuery('');\n              setHouseNumber('');\n              setIsWaitingForHouseNumber(false);\n            }}\n            style={{ marginTop: '8px', padding: '4px 8px' }}\n          >\n            Clear\n          </button>\n        </div>\n      ) : (\n        <ul>\n          {suggestions.map((suggestion, index) => (\n            <li\n              key={index}\n              onClick={() => handleSelect(suggestion)}\n              style={{ cursor: 'pointer' }}\n            >\n              {suggestion.displayText}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nexport default EgonResults;\n"],"mappings":"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","ignoreList":[]}