@sellout/ui 0.0.398 → 0.0.400

package/build/Colors.d.ts

@@ -1,37 +1,37 @@
-export declare enum Colors {
-    White = "#FFFFFF",
-    Black = "#000000",
-    Black2 = "#141414",
-    Yellow = "#FFBA49",
-    Green = "#42BB83",
-    OffWhite = "#FCFCFC",
-    LightBlue = "#39159C",
-    Secondary = "#1E1E1E",
-    Blue = "#2D0E84",
-    DarkBlue = "#1D0858",
-    Red = "#E63946",
-    Orange = "#FF700F",
-    FadedOrange = "#FFF1E7",
-    LightOrange = "#FFBE93",
-    DarkOrange = "#D65600",
-    Grey1 = "#333333",
-    Grey2 = "#4F4F4F",
-    Grey3 = "#828282",
-    Grey4 = "#BDBDBD",
-    Grey5 = "#E0E0E0",
-    Grey6 = "#F2F2F2",
-    Grey7 = "#F8F8F8",
-    Grey8 = "#424242",
-    Purple = "#040436",
-    SecondarySurface = "#1E1E1E",
-    SecondaryStroke = "#424242",
-    SurfaceTertiary = "#141414",
-    HeadingSecondary = "#FCFCFC",
-    SupportTertiary = "#A3A3A3",
-    HeadingPrimary = "#EF602E",
-    InteractiveBGSecondary = "#292929",
-    InteractiveBGPrimary = "#EA4513",
-    TagBGTertiary = "#0C0C0C",
-    TextSupportSecondary = "#D6D6D6",
-    ErrorRed = "#F31B43"
-}
+export declare enum Colors {
+    White = "#FFFFFF",
+    Black = "#000000",
+    Black2 = "#141414",
+    Yellow = "#FFBA49",
+    Green = "#42BB83",
+    OffWhite = "#FCFCFC",
+    LightBlue = "#39159C",
+    Secondary = "#1E1E1E",
+    Blue = "#2D0E84",
+    DarkBlue = "#1D0858",
+    Red = "#E63946",
+    Orange = "#FF700F",
+    FadedOrange = "#FFF1E7",
+    LightOrange = "#FFBE93",
+    DarkOrange = "#D65600",
+    Grey1 = "#333333",
+    Grey2 = "#4F4F4F",
+    Grey3 = "#828282",
+    Grey4 = "#BDBDBD",
+    Grey5 = "#E0E0E0",
+    Grey6 = "#F2F2F2",
+    Grey7 = "#F8F8F8",
+    Grey8 = "#424242",
+    Purple = "#040436",
+    SecondarySurface = "#1E1E1E",
+    SecondaryStroke = "#424242",
+    SurfaceTertiary = "#141414",
+    HeadingSecondary = "#FCFCFC",
+    SupportTertiary = "#A3A3A3",
+    HeadingPrimary = "#EF602E",
+    InteractiveBGSecondary = "#292929",
+    InteractiveBGPrimary = "#EA4513",
+    TagBGTertiary = "#0C0C0C",
+    TextSupportSecondary = "#D6D6D6",
+    ErrorRed = "#F31B43"
+}

package/build/Colors.js

@@ -1,41 +1,41 @@
-var Colors;
-(function (Colors) {
-    Colors["White"] = "#FFFFFF";
-    Colors["Black"] = "#000000";
-    Colors["Black2"] = "#141414";
-    Colors["Yellow"] = "#FFBA49";
-    // Green = "#419D78",
-    Colors["Green"] = "#42BB83";
-    Colors["OffWhite"] = "#FCFCFC";
-    Colors["LightBlue"] = "#39159C";
-    Colors["Secondary"] = "#1E1E1E";
-    Colors["Blue"] = "#2D0E84";
-    Colors["DarkBlue"] = "#1D0858";
-    Colors["Red"] = "#E63946";
-    Colors["Orange"] = "#FF700F";
-    Colors["FadedOrange"] = "#FFF1E7";
-    Colors["LightOrange"] = "#FFBE93";
-    Colors["DarkOrange"] = "#D65600";
-    Colors["Grey1"] = "#333333";
-    Colors["Grey2"] = "#4F4F4F";
-    Colors["Grey3"] = "#828282";
-    Colors["Grey4"] = "#BDBDBD";
-    Colors["Grey5"] = "#E0E0E0";
-    Colors["Grey6"] = "#F2F2F2";
-    Colors["Grey7"] = "#F8F8F8";
-    Colors["Grey8"] = "#424242";
-    Colors["Purple"] = "#040436";
-    Colors["SecondarySurface"] = "#1E1E1E";
-    Colors["SecondaryStroke"] = "#424242";
-    Colors["SurfaceTertiary"] = "#141414";
-    Colors["HeadingSecondary"] = "#FCFCFC";
-    Colors["SupportTertiary"] = "#A3A3A3";
-    Colors["HeadingPrimary"] = "#EF602E";
-    Colors["InteractiveBGSecondary"] = "#292929";
-    Colors["InteractiveBGPrimary"] = "#EA4513";
-    Colors["TagBGTertiary"] = "#0C0C0C";
-    Colors["TextSupportSecondary"] = "#D6D6D6";
-    Colors["ErrorRed"] = "#F31B43";
+var Colors;
+(function (Colors) {
+    Colors["White"] = "#FFFFFF";
+    Colors["Black"] = "#000000";
+    Colors["Black2"] = "#141414";
+    Colors["Yellow"] = "#FFBA49";
+    // Green = "#419D78",
+    Colors["Green"] = "#42BB83";
+    Colors["OffWhite"] = "#FCFCFC";
+    Colors["LightBlue"] = "#39159C";
+    Colors["Secondary"] = "#1E1E1E";
+    Colors["Blue"] = "#2D0E84";
+    Colors["DarkBlue"] = "#1D0858";
+    Colors["Red"] = "#E63946";
+    Colors["Orange"] = "#FF700F";
+    Colors["FadedOrange"] = "#FFF1E7";
+    Colors["LightOrange"] = "#FFBE93";
+    Colors["DarkOrange"] = "#D65600";
+    Colors["Grey1"] = "#333333";
+    Colors["Grey2"] = "#4F4F4F";
+    Colors["Grey3"] = "#828282";
+    Colors["Grey4"] = "#BDBDBD";
+    Colors["Grey5"] = "#E0E0E0";
+    Colors["Grey6"] = "#F2F2F2";
+    Colors["Grey7"] = "#F8F8F8";
+    Colors["Grey8"] = "#424242";
+    Colors["Purple"] = "#040436";
+    Colors["SecondarySurface"] = "#1E1E1E";
+    Colors["SecondaryStroke"] = "#424242";
+    Colors["SurfaceTertiary"] = "#141414";
+    Colors["HeadingSecondary"] = "#FCFCFC";
+    Colors["SupportTertiary"] = "#A3A3A3";
+    Colors["HeadingPrimary"] = "#EF602E";
+    Colors["InteractiveBGSecondary"] = "#292929";
+    Colors["InteractiveBGPrimary"] = "#EA4513";
+    Colors["TagBGTertiary"] = "#0C0C0C";
+    Colors["TextSupportSecondary"] = "#D6D6D6";
+    Colors["ErrorRed"] = "#F31B43";
 })(Colors || (Colors = {}));
 
 export { Colors };

package/build/Colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.js","sources":["../src/Colors.ts"],"sourcesContent":["export enum Colors {\n  White = \"#FFFFFF\",\n  Black = \"#000000\",\n  Black2= '#141414',\n  Yellow = '#FFBA49',\n  // Green = \"#419D78\",\n  Green = '#42BB83',\n  OffWhite = \"#FCFCFC\",\n  LightBlue = \"#39159C\",\n  Secondary= \"#1E1E1E\",\n  Blue = \"#2D0E84\",\n  DarkBlue = \"#1D0858\",\n  Red = \"#E63946\",\n  Orange = \"#FF700F\",\n  FadedOrange = '#FFF1E7',\n  LightOrange = \"#FFBE93\",\n  DarkOrange = \"#D65600\",\n  Grey1 = \"#333333\",\n  Grey2 = \"#4F4F4F\",\n  Grey3 = \"#828282\",\n  Grey4 = \"#BDBDBD\",\n  Grey5 = \"#E0E0E0\",\n  Grey6 = \"#F2F2F2\",\n  Grey7 = \"#F8F8F8\",\n  Grey8 =  '#424242',\n  Purple = \"#040436\",\n\n    SecondarySurface = \"#1E1E1E\",\n    SecondaryStroke = \"#424242\",\n    SurfaceTertiary = \"#141414\",\n    HeadingSecondary = \"#FCFCFC\",\n    SupportTertiary = \"#A3A3A3\",\n    HeadingPrimary = \"#EF602E\",\n    InteractiveBGSecondary = \"#292929\",\n    InteractiveBGPrimary = \"#EA4513\",\n    TagBGTertiary = \"#0C0C0C\",\n    TextSupportSecondary = \"#D6D6D6\",\n    ErrorRed='#F31B43'\n}\n"],"names":[],"mappings":"IAAY,OAsCX;AAtCD,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;;AAElB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAqB,CAAA;AACrB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,MAAA,CAAA,GAAA,SAAgB,CAAA;AAChB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,KAAA,CAAA,GAAA,SAAe,CAAA;AACf,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,YAAA,CAAA,GAAA,SAAsB,CAAA;AACtB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAEhB,IAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,SAA4B,CAAA;AAC5B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,SAA4B,CAAA;AAC5B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,SAA0B,CAAA;AAC1B,IAAA,MAAA,CAAA,wBAAA,CAAA,GAAA,SAAkC,CAAA;AAClC,IAAA,MAAA,CAAA,sBAAA,CAAA,GAAA,SAAgC,CAAA;AAChC,IAAA,MAAA,CAAA,eAAA,CAAA,GAAA,SAAyB,CAAA;AACzB,IAAA,MAAA,CAAA,sBAAA,CAAA,GAAA,SAAgC,CAAA;AAChC,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAkB,CAAA;AACtB,CAAC,EAtCW,MAAM,KAAN,MAAM,GAsCjB,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"Colors.js","sources":["../src/Colors.ts"],"sourcesContent":[null],"names":[],"mappings":"IAAY,OAsCX;AAtCD,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;;AAElB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAqB,CAAA;AACrB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,MAAA,CAAA,GAAA,SAAgB,CAAA;AAChB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,KAAA,CAAA,GAAA,SAAe,CAAA;AACf,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,YAAA,CAAA,GAAA,SAAsB,CAAA;AACtB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAEhB,IAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,SAA4B,CAAA;AAC5B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,kBAAA,CAAA,GAAA,SAA4B,CAAA;AAC5B,IAAA,MAAA,CAAA,iBAAA,CAAA,GAAA,SAA2B,CAAA;AAC3B,IAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,SAA0B,CAAA;AAC1B,IAAA,MAAA,CAAA,wBAAA,CAAA,GAAA,SAAkC,CAAA;AAClC,IAAA,MAAA,CAAA,sBAAA,CAAA,GAAA,SAAgC,CAAA;AAChC,IAAA,MAAA,CAAA,eAAA,CAAA,GAAA,SAAyB,CAAA;AACzB,IAAA,MAAA,CAAA,sBAAA,CAAA,GAAA,SAAgC,CAAA;AAChC,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAkB,CAAA;AACtB,CAAC,EAtCW,MAAM,KAAN,MAAM,GAsCjB,EAAA,CAAA,CAAA;;;;"}

package/build/components/AddressSearchDropdown.d.ts

@@ -1,31 +1,31 @@
-import React from "react";
-interface IAddress {
-    address1?: string;
-    address2?: string;
-    city?: string;
-    state?: string;
-    zip?: string;
-    country?: string;
-    phone?: string;
-    lat?: number | null;
-    lng?: number | null;
-    placeId?: string;
-    placeName?: string;
-    timezone?: string;
-}
-export declare type AddressSearchDropdownProps = {
-    value: IAddress;
-    onChange: (address: IAddress) => void;
-    width?: string;
-    label?: any;
-    tip?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    fontFamily?: string;
-    darkThemeProps?: string;
-    labelColor?: string;
-    borderColor?: string;
-    height?: string;
-};
-export default function AddressSearchDropdown({ value, onChange, width, label, tip, fontSize, fontWeight, fontFamily, darkThemeProps, labelColor, borderColor, height }: AddressSearchDropdownProps): React.JSX.Element;
-export {};
+import React from "react";
+interface IAddress {
+    address1?: string;
+    address2?: string;
+    city?: string;
+    state?: string;
+    zip?: string;
+    country?: string;
+    phone?: string;
+    lat?: number | null;
+    lng?: number | null;
+    placeId?: string;
+    placeName?: string;
+    timezone?: string;
+}
+export type AddressSearchDropdownProps = {
+    value: IAddress;
+    onChange: (address: IAddress) => void;
+    width?: string;
+    label?: any;
+    tip?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    darkThemeProps?: string;
+    labelColor?: string;
+    borderColor?: string;
+    height?: string;
+};
+export default function AddressSearchDropdown({ value, onChange, width, label, tip, fontSize, fontWeight, fontFamily, darkThemeProps, labelColor, borderColor, height }: AddressSearchDropdownProps): React.JSX.Element;
+export {};

package/build/components/AddressSearchDropdown.js

@@ -1,110 +1,110 @@
-import { __makeTemplateObject, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { __makeTemplateObject, __awaiter, __generator } from '../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import usePlacesAutocomplete, { getGeocode } from 'use-places-autocomplete';
 import styled from 'styled-components';
 import SearchDropdown, { SearchDropdownTypes } from './SearchDropdown.js';
 import { IconEnum } from './Icons.js';
 
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  z-index: 100000;\n"], ["\n  width: 100%;\n  z-index: 100000;\n"])));
-function AddressSearchDropdown(_a) {
-    var _this = this;
-    var value = _a.value, onChange = _a.onChange, width = _a.width, label = _a.label, tip = _a.tip, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, darkThemeProps = _a.darkThemeProps, labelColor = _a.labelColor, borderColor = _a.borderColor, height = _a.height;
-    /* Hooks */
-    var _b = usePlacesAutocomplete({
-        requestOptions: {
-            componentRestrictions: { country: "us" },
-        },
-        debounce: 300,
-    }), innerValue = _b.value, data = _b.suggestions.data, setValue = _b.setValue;
-    React.useEffect(function () {
-        var placeName = (value === null || value === void 0 ? void 0 : value.placeName) ? value === null || value === void 0 ? void 0 : value.placeName : "";
-        setValue(placeName);
-        innerValue = placeName;
-    }, []);
-    var selectAddress = React.useCallback(function (address) {
-        setValue(address);
-        var doEffect = function () { return __awaiter(_this, void 0, void 0, function () {
-            var results, result, location_1, addressObject_1, e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, getGeocode({ address: address })];
-                    case 1:
-                        results = _a.sent();
-                        result = results.find(function (r) {
-                            return r.address_components.length > 2 &&
-                                r.types.includes('street_address');
-                        }) || results[0];
-                        location_1 = result.geometry.location;
-                        addressObject_1 = {
-                            address1: "",
-                            address2: "",
-                            city: "",
-                            state: "",
-                            zip: "",
-                            country: "",
-                            lat: location_1.lat(),
-                            lng: location_1.lng(),
-                            placeId: result.place_id,
-                            placeName: address,
-                        };
-                        result.address_components.forEach(function (ac) {
-                            if (ac.types.includes("street_number")) {
-                                addressObject_1.address1 = ac.short_name;
-                            }
-                            if (ac.types.includes("route")) {
-                                addressObject_1.address1 = addressObject_1.address1
-                                    ? (addressObject_1.address1 + " " + ac.short_name).trim()
-                                    : ac.short_name;
-                            }
-                            if (ac.types.includes("subpremise")) {
-                                addressObject_1.address2 = ac.short_name;
-                            }
-                            if (ac.types.includes("locality") &&
-                                ac.types.includes("political")) {
-                                addressObject_1.city = ac.short_name;
-                            }
-                            if (ac.types.includes("administrative_area_level_1") &&
-                                ac.types.includes("political")) {
-                                addressObject_1.state = ac.short_name;
-                            }
-                            if (ac.types.includes("country") &&
-                                ac.types.includes("political")) {
-                                addressObject_1.country = ac.short_name;
-                            }
-                            if (ac.types.includes("postal_code")) {
-                                addressObject_1.zip = ac.short_name;
-                            }
-                        });
-                        onChange(addressObject_1);
-                        return [3 /*break*/, 3];
-                    case 2:
-                        e_1 = _a.sent();
-                        console.error(e_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
-        doEffect();
-    }, [onChange, setValue]);
-    React.useEffect(function () {
-        var intialAddress = {};
-        if (!innerValue)
-            onChange(intialAddress);
-    }, [innerValue]);
-    /* Render */
-    var items = [];
-    if (data.length) {
-        items = data.map(function (suggestion) { return ({
-            text: suggestion.description,
-            value: suggestion.description,
-        }); });
-    }
-    return (React.createElement(Container, null,
-        React.createElement(SearchDropdown, { type: SearchDropdownTypes.SingleSelect, icon: IconEnum.MapPinLight, onChange: selectAddress, value: innerValue, searchQuery: innerValue, setSearchQuery: setValue, placeholder: "Search for an address", items: items, width: width, label: label, tip: tip, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, darkThemeProps: darkThemeProps, labelColor: labelColor, borderColor: borderColor, height: height })));
-}
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  z-index: 100000;\n"], ["\n  width: 100%;\n  z-index: 100000;\n"])));
+function AddressSearchDropdown(_a) {
+    var _this = this;
+    var value = _a.value, onChange = _a.onChange, width = _a.width, label = _a.label, tip = _a.tip, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, darkThemeProps = _a.darkThemeProps, labelColor = _a.labelColor, borderColor = _a.borderColor, height = _a.height;
+    /* Hooks */
+    var _b = usePlacesAutocomplete({
+        requestOptions: {
+            componentRestrictions: { country: "us" },
+        },
+        debounce: 300,
+    }), innerValue = _b.value, data = _b.suggestions.data, setValue = _b.setValue;
+    React.useEffect(function () {
+        var placeName = (value === null || value === void 0 ? void 0 : value.placeName) ? value === null || value === void 0 ? void 0 : value.placeName : "";
+        setValue(placeName);
+        innerValue = placeName;
+    }, []);
+    var selectAddress = React.useCallback(function (address) {
+        setValue(address);
+        var doEffect = function () { return __awaiter(_this, void 0, void 0, function () {
+            var results, result, location_1, addressObject_1, e_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getGeocode({ address: address })];
+                    case 1:
+                        results = _a.sent();
+                        result = results.find(function (r) {
+                            return r.address_components.length > 2 &&
+                                r.types.includes('street_address');
+                        }) || results[0];
+                        location_1 = result.geometry.location;
+                        addressObject_1 = {
+                            address1: "",
+                            address2: "",
+                            city: "",
+                            state: "",
+                            zip: "",
+                            country: "",
+                            lat: location_1.lat(),
+                            lng: location_1.lng(),
+                            placeId: result.place_id,
+                            placeName: address,
+                        };
+                        result.address_components.forEach(function (ac) {
+                            if (ac.types.includes("street_number")) {
+                                addressObject_1.address1 = ac.short_name;
+                            }
+                            if (ac.types.includes("route")) {
+                                addressObject_1.address1 = addressObject_1.address1
+                                    ? "".concat(addressObject_1.address1, " ").concat(ac.short_name).trim()
+                                    : ac.short_name;
+                            }
+                            if (ac.types.includes("subpremise")) {
+                                addressObject_1.address2 = ac.short_name;
+                            }
+                            if (ac.types.includes("locality") &&
+                                ac.types.includes("political")) {
+                                addressObject_1.city = ac.short_name;
+                            }
+                            if (ac.types.includes("administrative_area_level_1") &&
+                                ac.types.includes("political")) {
+                                addressObject_1.state = ac.short_name;
+                            }
+                            if (ac.types.includes("country") &&
+                                ac.types.includes("political")) {
+                                addressObject_1.country = ac.short_name;
+                            }
+                            if (ac.types.includes("postal_code")) {
+                                addressObject_1.zip = ac.short_name;
+                            }
+                        });
+                        onChange(addressObject_1);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        e_1 = _a.sent();
+                        console.error(e_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        doEffect();
+    }, [onChange, setValue]);
+    React.useEffect(function () {
+        var intialAddress = {};
+        if (!innerValue)
+            onChange(intialAddress);
+    }, [innerValue]);
+    /* Render */
+    var items = [];
+    if (data.length) {
+        items = data.map(function (suggestion) { return ({
+            text: suggestion.description,
+            value: suggestion.description,
+        }); });
+    }
+    return (React.createElement(Container, null,
+        React.createElement(SearchDropdown, { type: SearchDropdownTypes.SingleSelect, icon: IconEnum.MapPinLight, onChange: selectAddress, value: innerValue, searchQuery: innerValue, setSearchQuery: setValue, placeholder: "Search for an address", items: items, width: width, label: label, tip: tip, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, darkThemeProps: darkThemeProps, labelColor: labelColor, borderColor: borderColor, height: height })));
+}
 var templateObject_1;
 
 export { AddressSearchDropdown as default };

package/build/components/AddressSearchDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressSearchDropdown.js","sources":["../../src/components/AddressSearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\r\nimport usePlacesAutocomplete, { getGeocode } from \"use-places-autocomplete\";\r\nimport styled from \"styled-components\";\r\nimport SearchDropdown, { SearchDropdownTypes } from \"./SearchDropdown\";\r\nimport { IconEnum } from \"./Icons\";\r\n\r\ninterface IAddress {\r\n  address1?: string;\r\n  address2?: string;\r\n  city?: string;\r\n  state?: string;\r\n  zip?: string;\r\n  country?: string;\r\n  phone?: string;\r\n  lat?: number | null;\r\n  lng?: number | null;\r\n  placeId?: string;\r\n  placeName?: string;\r\n  timezone?: string;\r\n}\r\n\r\ninterface ISearchDropdownItem {\r\n  text: string;\r\n  value: any;\r\n}\r\n\r\nconst Container = styled.div`\r\n  width: 100%;\r\n  z-index: 100000;\r\n`;\r\n\r\nexport type AddressSearchDropdownProps = {\r\n  value: IAddress;\r\n  onChange: (address: IAddress) => void;\r\n  width?: string;\r\n  label?:any;\r\n  tip?: string;\r\n  fontSize?:string;\r\n  fontWeight?:string;\r\n  fontFamily?:string;\r\n  darkThemeProps?:string;\r\n  labelColor?:string;\r\n  borderColor?:string;\r\n  height?:string;\r\n}\r\n\r\nexport default function AddressSearchDropdown({\r\n  value,\r\n  onChange,\r\n  width,\r\n  label,\r\n  tip,\r\n  fontSize,\r\n  fontWeight,\r\n  fontFamily,\r\n  darkThemeProps,\r\n  labelColor,\r\n  borderColor,\r\n  height\r\n}: AddressSearchDropdownProps) {\r\n  /* Hooks */\r\n  let {\r\n    value: innerValue,\r\n    suggestions: { data },\r\n    setValue,\r\n  } = usePlacesAutocomplete({\r\n    requestOptions: {\r\n      componentRestrictions: { country: \"us\" },\r\n    },\r\n    debounce: 300,\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    let placeName = value?.placeName ? value?.placeName : \"\";\r\n    setValue(placeName);\r\n    innerValue = placeName;\r\n  }, []);\r\n\r\n  const selectAddress = React.useCallback(\r\n    (address) => {\r\n      setValue(address);\r\n      const doEffect = async () => {\r\n        try {\r\n          const results = await getGeocode({ address });\r\n          \r\n          const result = results.find(r => \r\n            r.address_components.length > 2 && \r\n            r.types.includes('street_address')\r\n          ) || results[0];\r\n          \r\n          const {\r\n            geometry: { location },\r\n          } = result;\r\n\r\n          const addressObject = {\r\n            address1: \"\",\r\n            address2: \"\",\r\n            city: \"\",\r\n            state: \"\",\r\n            zip: \"\",\r\n            country: \"\",\r\n            lat: location.lat(),\r\n            lng: location.lng(),\r\n            placeId: result.place_id,\r\n            placeName: address,\r\n          };\r\n          \r\n          result.address_components.forEach((ac: any) => {\r\n            if (ac.types.includes(\"street_number\")) {\r\n              addressObject.address1 = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"route\")) {\r\n              addressObject.address1 = addressObject.address1 \r\n                ? `${addressObject.address1} ${ac.short_name}`.trim()\r\n                : ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"subpremise\")) {\r\n              addressObject.address2 = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"locality\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.city = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"administrative_area_level_1\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.state = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"country\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.country = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"postal_code\")) {\r\n              addressObject.zip = ac.short_name;\r\n            }\r\n          });\r\n          onChange(addressObject);\r\n        } catch (e) {\r\n          console.error(e);\r\n        }\r\n      };\r\n      doEffect();\r\n    },\r\n    [onChange, setValue]\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    let intialAddress: IAddress = {};\r\n    if (!innerValue) onChange(intialAddress);\r\n  }, [innerValue]);\r\n\r\n  /* Render */\r\n  let items: ISearchDropdownItem[] = [];\r\n\r\n  if (data.length) {\r\n    items = data.map(\r\n      (suggestion): ISearchDropdownItem => ({\r\n        text: suggestion.description,\r\n        value: suggestion.description,\r\n      })\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <SearchDropdown\r\n        type={SearchDropdownTypes.SingleSelect}\r\n        icon={IconEnum.MapPinLight}\r\n        onChange={selectAddress}\r\n        value={innerValue}\r\n        searchQuery={innerValue}\r\n        setSearchQuery={setValue}\r\n        placeholder=\"Search for an address\"\r\n        items={items}\r\n        width={width}\r\n        label={label}\r\n        tip={tip}\r\n        fontSize={fontSize}\r\n        fontWeight={fontWeight}\r\n        fontFamily={fontFamily}\r\n        darkThemeProps={darkThemeProps}\r\n        labelColor={labelColor}\r\n        borderColor={borderColor}\r\n        height={height}\r\n      />\r\n    </Container>\r\n  );\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AddressSearchDropdown.js","sources":["../../src/components/AddressSearchDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/build/components/Button.d.ts

@@ -1,51 +1,51 @@
-import React from "react";
-import { Colors } from "../Colors";
-export declare enum ButtonTypes {
-    Next = "Next",
-    Regular = "Regular",
-    Thin = "Thin",
-    Normal = "Normal",
-    CustomInputHeight = "CustomInputHeight"
-}
-export declare enum ButtonStates {
-    Active = "Active",
-    Warning = "Warning",
-    Disabled = "Disabled"
-}
-export declare enum ButtonIconPosition {
-    Left = "Left",
-    Right = "Right"
-}
-export declare type ButtonProps = {
-    type?: ButtonTypes;
-    state?: ButtonStates;
-    bgColor?: Colors;
-    textColor?: Colors;
-    text?: string;
-    onClick?: any;
-    icon?: any;
-    iconPosition?: ButtonIconPosition;
-    iconSize?: number;
-    margin?: string;
-    loading?: boolean;
-    label?: string;
-    tip?: string;
-    subLabel?: string;
-    marginBottam?: string;
-    paddingAround?: string;
-    contentAlign?: string;
-    textTransform?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    fontFamily?: string;
-    letterSpacing?: string;
-    disabledbuttonTheme?: boolean;
-    CustomInputHeight?: string;
-    lineHeight?: string;
-    svgIconName?: string;
-    svgWidth?: string;
-    svgHeight?: string;
-    marginOnButtonText?: boolean;
-    innerTextWhiteSpace?: string;
-};
-export default function Button({ type, state, bgColor, textColor, text, onClick, icon, iconPosition, iconSize, margin, marginBottam, loading, paddingAround, contentAlign, textTransform, fontSize, fontWeight, fontFamily, letterSpacing, disabledbuttonTheme, CustomInputHeight, lineHeight, svgIconName, svgHeight, svgWidth, marginOnButtonText, innerTextWhiteSpace }: ButtonProps): React.JSX.Element;
+import React from "react";
+import { Colors } from "../Colors";
+export declare enum ButtonTypes {
+    Next = "Next",
+    Regular = "Regular",
+    Thin = "Thin",
+    Normal = "Normal",
+    CustomInputHeight = "CustomInputHeight"
+}
+export declare enum ButtonStates {
+    Active = "Active",
+    Warning = "Warning",
+    Disabled = "Disabled"
+}
+export declare enum ButtonIconPosition {
+    Left = "Left",
+    Right = "Right"
+}
+export type ButtonProps = {
+    type?: ButtonTypes;
+    state?: ButtonStates;
+    bgColor?: Colors;
+    textColor?: Colors;
+    text?: string;
+    onClick?: any;
+    icon?: any;
+    iconPosition?: ButtonIconPosition;
+    iconSize?: number;
+    margin?: string;
+    loading?: boolean;
+    label?: string;
+    tip?: string;
+    subLabel?: string;
+    marginBottam?: string;
+    paddingAround?: string;
+    contentAlign?: string;
+    textTransform?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    letterSpacing?: string;
+    disabledbuttonTheme?: boolean;
+    CustomInputHeight?: string;
+    lineHeight?: string;
+    svgIconName?: string;
+    svgWidth?: string;
+    svgHeight?: string;
+    marginOnButtonText?: boolean;
+    innerTextWhiteSpace?: string;
+};
+export default function Button({ type, state, bgColor, textColor, text, onClick, icon, iconPosition, iconSize, margin, marginBottam, loading, paddingAround, contentAlign, textTransform, fontSize, fontWeight, fontFamily, letterSpacing, disabledbuttonTheme, CustomInputHeight, lineHeight, svgIconName, svgHeight, svgWidth, marginOnButtonText, innerTextWhiteSpace }: ButtonProps): React.JSX.Element;