powr-sdk-web 5.6.14 → 5.8.0

package/dist/components/PhoneInput.js

@@ -0,0 +1,159 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _phone = require("../utils/phone");
+var _libphonenumberJs = require("libphonenumber-js");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var PhoneInput = function PhoneInput(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    countryProp = _ref.country,
+    onChange = _ref.onChange,
+    onCountryChange = _ref.onCountryChange,
+    _ref$international = _ref.international,
+    international = _ref$international === void 0 ? false : _ref$international,
+    _ref$allowedCountries = _ref.allowedCountries,
+    allowedCountries = _ref$allowedCountries === void 0 ? null : _ref$allowedCountries,
+    defaultCountry = _ref.defaultCountry,
+    defaultCountryCode = _ref.defaultCountryCode,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Phone number' : _ref$placeholder,
+    _ref$inputStyle = _ref.inputStyle,
+    inputStyle = _ref$inputStyle === void 0 ? {} : _ref$inputStyle,
+    _ref$selectStyle = _ref.selectStyle,
+    selectStyle = _ref$selectStyle === void 0 ? {} : _ref$selectStyle,
+    _ref$rowStyle = _ref.rowStyle,
+    rowStyle = _ref$rowStyle === void 0 ? {} : _ref$rowStyle;
+  var initialCountry = (0, _phone.resolveCountry)(defaultCountry, defaultCountryCode);
+  var _useState = (0, _react.useState)(countryProp || initialCountry),
+    _useState2 = _slicedToArray(_useState, 2),
+    country = _useState2[0],
+    setCountry = _useState2[1];
+  var _useState3 = (0, _react.useState)(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    localNumber = _useState4[0],
+    setLocalNumber = _useState4[1];
+  var countryOptions = (0, _react.useMemo)(function () {
+    return (0, _phone.getCountryOptions)(allowedCountries);
+  }, [allowedCountries]);
+  (0, _react.useEffect)(function () {
+    if (countryProp && countryProp !== country) {
+      setCountry(countryProp);
+    }
+  }, [countryProp]);
+  (0, _react.useEffect)(function () {
+    if (value !== localNumber) {
+      setLocalNumber(value);
+    }
+  }, [value]);
+  var callingCode = (0, _libphonenumberJs.getCountryCallingCode)(country);
+  var emitChange = function emitChange(nextCountry, nextLocal) {
+    var e164 = (0, _phone.buildPhoneFromParts)(nextLocal, nextCountry);
+    var valid = (0, _phone.isValidPhone)(nextLocal, nextCountry) || (0, _phone.isValidPhone)(e164, nextCountry);
+    if (typeof onChange === 'function') {
+      onChange({
+        country: nextCountry,
+        localNumber: nextLocal,
+        e164: e164,
+        isValid: valid,
+        callingCode: (0, _libphonenumberJs.getCountryCallingCode)(nextCountry)
+      });
+    }
+  };
+  var handleCountryChange = function handleCountryChange(e) {
+    var nextCountry = e.target.value;
+    setCountry(nextCountry);
+    if (typeof onCountryChange === 'function') onCountryChange(nextCountry);
+    emitChange(nextCountry, localNumber);
+  };
+  var handleLocalChange = function handleLocalChange(e) {
+    var raw = e.target.value || '';
+    var nextLocal = international ? raw.replace(/[^\d\s-]/g, '').slice(0, 15) : raw.replace(/\D/g, '').slice(0, 15);
+    setLocalNumber(nextLocal);
+    emitChange(country, nextLocal);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread(_objectSpread({}, styles.row), rowStyle)
+  }, international ? /*#__PURE__*/_react["default"].createElement("select", {
+    value: country,
+    onChange: handleCountryChange,
+    disabled: disabled,
+    style: _objectSpread(_objectSpread({}, styles.select), selectStyle),
+    "aria-label": "Country code"
+  }, countryOptions.map(function (opt) {
+    return /*#__PURE__*/_react["default"].createElement("option", {
+      key: opt.code,
+      value: opt.code
+    }, opt.label);
+  })) : /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.prefix
+  }, "+", callingCode), /*#__PURE__*/_react["default"].createElement("input", {
+    type: "tel",
+    value: localNumber,
+    onChange: handleLocalChange,
+    placeholder: placeholder,
+    disabled: disabled,
+    style: _objectSpread(_objectSpread({}, styles.input), inputStyle),
+    autoComplete: "tel-national"
+  }));
+};
+var styles = {
+  row: {
+    display: 'flex',
+    gap: 8,
+    alignItems: 'stretch',
+    width: '100%'
+  },
+  prefix: {
+    display: 'flex',
+    alignItems: 'center',
+    padding: '0 14px',
+    background: '#fff7ed',
+    color: '#7c2d12',
+    border: '2px solid #ffedd5',
+    borderRadius: 8,
+    fontWeight: 700,
+    fontSize: 16,
+    whiteSpace: 'nowrap'
+  },
+  select: {
+    minWidth: 110,
+    maxWidth: 140,
+    padding: '10px 8px',
+    border: '2px solid #e5e7eb',
+    borderRadius: 8,
+    fontSize: 14,
+    background: '#fff',
+    boxSizing: 'border-box'
+  },
+  input: {
+    flex: 1,
+    minWidth: 0,
+    padding: '12px 14px',
+    border: '2px solid #e5e7eb',
+    borderRadius: 8,
+    fontSize: 16,
+    boxSizing: 'border-box',
+    outline: 'none',
+    height: 48
+  }
+};
+var _default = exports["default"] = PhoneInput;

package/dist/index.js

@@ -3,6 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AddPhonePanel", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.AddPhonePanel;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_COUNTRY", {
+  enumerable: true,
+  get: function get() {
+    return _phone.DEFAULT_COUNTRY;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_COUNTRY_CODE", {
+  enumerable: true,
+  get: function get() {
+    return _phone.DEFAULT_COUNTRY_CODE;
+  }
+});
+Object.defineProperty(exports, "OnboardingShell", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.OnboardingShell;
+  }
+});
+Object.defineProperty(exports, "PRIORITY_COUNTRIES", {
+  enumerable: true,
+  get: function get() {
+    return _phone.PRIORITY_COUNTRIES;
+  }
+});
+Object.defineProperty(exports, "PhoneInput", {
+  enumerable: true,
+  get: function get() {
+    return _PhoneInput["default"];
+  }
+});
 Object.defineProperty(exports, "PowrBaseActivities", {
   enumerable: true,
   get: function get() {
@@ -117,12 +153,132 @@ Object.defineProperty(exports, "PowrCalendarStrip", {
     return _calendar["default"];
   }
 });
+Object.defineProperty(exports, "PowrOnboardingProvider", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.PowrOnboardingProvider;
+  }
+});
 Object.defineProperty(exports, "PowrTable", {
   enumerable: true,
   get: function get() {
     return _table["default"];
   }
 });
+Object.defineProperty(exports, "addPhoneStep", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.addPhoneStep;
+  }
+});
+Object.defineProperty(exports, "buildPhoneFromParts", {
+  enumerable: true,
+  get: function get() {
+    return _phone.buildPhoneFromParts;
+  }
+});
+Object.defineProperty(exports, "defineAppStep", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.defineAppStep;
+  }
+});
+Object.defineProperty(exports, "defineOptionalAppStep", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.defineOptionalAppStep;
+  }
+});
+Object.defineProperty(exports, "evaluateSteps", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.evaluateSteps;
+  }
+});
+Object.defineProperty(exports, "formatPhoneForSms", {
+  enumerable: true,
+  get: function get() {
+    return _phone.formatPhoneForSms;
+  }
+});
+Object.defineProperty(exports, "getCountryOptions", {
+  enumerable: true,
+  get: function get() {
+    return _phone.getCountryOptions;
+  }
+});
+Object.defineProperty(exports, "getLocalPhoneNumber", {
+  enumerable: true,
+  get: function get() {
+    return _phone.getLocalPhoneNumber;
+  }
+});
+Object.defineProperty(exports, "getPhoneLookupVariants", {
+  enumerable: true,
+  get: function get() {
+    return _phone.getPhoneLookupVariants;
+  }
+});
+Object.defineProperty(exports, "getUserId", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.getUserId;
+  }
+});
+Object.defineProperty(exports, "hasValidPhone", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.hasValidPhone;
+  }
+});
+Object.defineProperty(exports, "isValidPhone", {
+  enumerable: true,
+  get: function get() {
+    return _phone.isValidPhone;
+  }
+});
+Object.defineProperty(exports, "mergePowrSteps", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.mergePowrSteps;
+  }
+});
+Object.defineProperty(exports, "needsOnboarding", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.needsOnboarding;
+  }
+});
+Object.defineProperty(exports, "needsPhone", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.needsPhone;
+  }
+});
+Object.defineProperty(exports, "normalizePhone", {
+  enumerable: true,
+  get: function get() {
+    return _phone.normalizePhone;
+  }
+});
+Object.defineProperty(exports, "parsePhone", {
+  enumerable: true,
+  get: function get() {
+    return _phone.parsePhone;
+  }
+});
+Object.defineProperty(exports, "profileNameStep", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.profileNameStep;
+  }
+});
+Object.defineProperty(exports, "resolveCountry", {
+  enumerable: true,
+  get: function get() {
+    return _phone.resolveCountry;
+  }
+});
 var _table = _interopRequireDefault(require("./table"));
 var _swiper = _interopRequireDefault(require("./swiper"));
 var _reviews = _interopRequireDefault(require("./reviews"));
@@ -143,4 +299,7 @@ var _admin = _interopRequireDefault(require("./admin"));
 var _tools = _interopRequireDefault(require("./tools"));
 var _tasks = _interopRequireDefault(require("./tasks"));
 var _powrVerify = _interopRequireDefault(require("./powrVerify"));
+var _PhoneInput = _interopRequireDefault(require("./components/PhoneInput"));
+var _onboarding = require("./onboarding");
+var _phone = require("./utils/phone");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }