tf-checkout-react 1.2.6 → 1.2.7

package/dist/components/common/FormikPhoneNumberField.d.ts

@@ -7,5 +7,5 @@ export interface INumberInField {
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const FormikPhoneNumberField: ({ label, field, form: { touched, errors, initialValues }, setFieldValue, selectOptions, ...rest }: INumberInField & IOtherProps) => JSX.Element;
+export declare const FormikPhoneNumberField: ({ label, field, form: { touched, errors, values }, setFieldValue, selectOptions, ...rest }: INumberInField & IOtherProps) => JSX.Element;
 export {};

package/dist/components/common/PhoneNumberField.d.ts

@@ -6,5 +6,6 @@ export interface IPhoneNumberField {
     form: FormikProps<any>;
     type: string;
     disableDropdown: boolean;
+    fill: boolean;
 }
-export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, setStatus, initialValues, setFieldValue, }, disableDropdown, }: IPhoneNumberField) => JSX.Element;
+export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, setStatus, values, initialValues, setFieldValue, }, disableDropdown, fill }: IPhoneNumberField) => JSX.Element;

package/dist/env.d.ts

@@ -5,6 +5,7 @@ export declare const ENV: {
     CLIENT_SECRET: string;
     STRIPE_PUBLISHABLE_KEY: string;
     BRAND_SLUG: string;
+    X_SOURCE_ORIGIN: string;
 };
 export declare const ENV_PROD: {
     EVENT_ID: number;

package/dist/tf-checkout-react.cjs.development.js

@@ -1669,80 +1669,6 @@ var CheckboxField = function CheckboxField(_ref) {
   })), !!(rest != null && (_rest$form2 = rest.form) != null && _rest$form2.errors && rest.form.errors[(_field$name2 = field == null ? void 0 : field.name) != null ? _field$name2 : ""]) ? React__default.createElement(material.FormHelperText, null, "Required") : null);
 };
 
-var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
-  return !value ? '' : "" + getCurrencySymbolByCurrency(currency) + value;
-};
-var createFixedFloatNormalizer = function createFixedFloatNormalizer(fixedValue) {
-  return function (value) {
-    return value || "" + value === '0' ? (+value).toFixed(fixedValue) : '';
-  };
-};
-var getCurrencySymbolByCurrency = function getCurrencySymbolByCurrency(currency) {
-  if (currency === void 0) {
-    currency = '';
-  }
-
-  switch (currency) {
-    case 'GBP':
-      return '£';
-
-    case 'EUR':
-      return '€';
-
-    case 'INR':
-      return '₹';
-
-    case 'JMD':
-      return 'J$';
-
-    case 'NZD':
-      return 'NZ$';
-
-    case 'MYR':
-      return 'RM';
-
-    case 'MXN':
-      return 'Mex$';
-
-    case 'SGD':
-      return 'S$';
-
-    case 'AUD':
-      return 'A$';
-
-    case 'ZAR':
-      return 'R';
-
-    case 'ke':
-      return 'Ksh';
-
-    case 'TRY':
-      return '₺';
-
-    case 'CAD':
-      return 'CA$';
-
-    case 'THB':
-      return '฿';
-
-    case 'ISK':
-      return 'Kr';
-
-    case 'SEK':
-      return 'kr';
-
-    default:
-      return 'US$';
-  }
-};
-var removePlusSign = function removePlusSign(string) {
-  if (string === void 0) {
-    string = '';
-  }
-
-  return string.replace('+', '');
-};
-
 var PhoneNumberField = function PhoneNumberField(_ref) {
   var label = _ref.label,
       field = _ref.field,
@@ -1751,10 +1677,13 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       touched = _ref$form.touched,
       setFieldError = _ref$form.setFieldError,
       setStatus = _ref$form.setStatus,
+      values = _ref$form.values,
       initialValues = _ref$form.initialValues,
       setFieldValue = _ref$form.setFieldValue,
       _ref$disableDropdown = _ref.disableDropdown,
-      disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown;
+      disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
+      _ref$fill = _ref.fill,
+      fill = _ref$fill === void 0 ? false : _ref$fill;
 
   var error = _get(errors, field.name);
 
@@ -1813,9 +1742,9 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
   }, [field.value]);
   return React__default.createElement(MuiPhoneNumber, {
     name: field.name,
-    value: initialValues.phone,
+    value: fill ? values.phone : initialValues.phone,
     onChange: function onChange(e) {
-      return setFieldValue(field.name, removePlusSign(e));
+      return setFieldValue(field.name, e);
     },
     variant: "outlined",
     defaultCountry: "us",
@@ -3534,6 +3463,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             name: element.name,
             label: element.name === 'phone' ? "" + element.label + (flagRequirePhone ? '' : ' (optional)') + " " : element.label,
             type: element.type,
+            fill: element.fill,
             validate: getValidateFunctions(element, states, props.values),
             setFieldValue: props.setFieldValue,
             onBlur: props.handleBlur,
@@ -3638,6 +3568,73 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   }));
 };
 
+var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
+  return !value ? '' : "" + getCurrencySymbolByCurrency(currency) + value;
+};
+var createFixedFloatNormalizer = function createFixedFloatNormalizer(fixedValue) {
+  return function (value) {
+    return value || "" + value === '0' ? (+value).toFixed(fixedValue) : '';
+  };
+};
+var getCurrencySymbolByCurrency = function getCurrencySymbolByCurrency(currency) {
+  if (currency === void 0) {
+    currency = '';
+  }
+
+  switch (currency) {
+    case 'GBP':
+      return '£';
+
+    case 'EUR':
+      return '€';
+
+    case 'INR':
+      return '₹';
+
+    case 'JMD':
+      return 'J$';
+
+    case 'NZD':
+      return 'NZ$';
+
+    case 'MYR':
+      return 'RM';
+
+    case 'MXN':
+      return 'Mex$';
+
+    case 'SGD':
+      return 'S$';
+
+    case 'AUD':
+      return 'A$';
+
+    case 'ZAR':
+      return 'R';
+
+    case 'ke':
+      return 'Ksh';
+
+    case 'TRY':
+      return '₺';
+
+    case 'CAD':
+      return 'CA$';
+
+    case 'THB':
+      return '฿';
+
+    case 'ISK':
+      return 'Kr';
+
+    case 'SEK':
+      return 'kr';
+
+    default:
+      return 'US$';
+  }
+};
+
 var options = {
   style: {
     base: {