npm - @saasquatch/mint-components - Versions diffs - 1.15.0-53 → 1.15.0-54 - Mend

@saasquatch/mint-components 1.15.0-53 → 1.15.0-54

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.

Files changed (395) hide show

package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED Viewed

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-require('./global-6d0d196d.js');
-const index_module = require('./index.module-39955732.js');
+require('./global-f14cf663.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./useReferralCodes-a47dcbc2.js');
+require('./useReferralCodes-11cdf43b.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-95cf4875.js');
 const GenericTableView = require('./GenericTableView-107ade89.js');
-require('./useChildElements-e5fa605c.js');
-const luxon = require('./luxon-3b809948.js');
+require('./useChildElements-966c9041.js');
+const luxon = require('./luxon-949beaf2.js');
 require('./sqm-text-span-view-7a61ae4c.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-5e85ac51.js');
 require('./index-8c6255f5.js');
@@ -22,22 +22,22 @@ const emailRegistrationView = require('./email-registration-view-996fb438.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-6a1e63de.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-b61c8bdf.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-50ee8796.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-188bfc41.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-14ea3a91.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-7519a332.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-ec7a5c53.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-2569d547.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0a8d3243.js');
 const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
 const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-570d2ae3.js');
-require('./utilities-be3ce1f8.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-eedc2c88.js');
+require('./utilities-9a0c5e91.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 const ErrorView = require('./ErrorView-5504c2b6.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-2cca145e.js');
-const ShadowViewAddon = require('./ShadowViewAddon-e1bcffe2.js');
+const ShadowViewAddon = require('./ShadowViewAddon-5147ed3b.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-07e4343f.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-6e117dd3.js');
-const utils = require('./utils-0b09e2cb.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-468f68df.js');
+const utils = require('./utils-001551de.js');
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -190,7 +190,7 @@ var deburredLetters = {
 };
 /** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof stencilHooks_module.commonjsGlobal == 'object' && stencilHooks_module.commonjsGlobal && stencilHooks_module.commonjsGlobal.Object === Object && stencilHooks_module.commonjsGlobal;
+var freeGlobal = typeof domContextHooks_module.commonjsGlobal == 'object' && domContextHooks_module.commonjsGlobal && domContextHooks_module.commonjsGlobal.Object === Object && domContextHooks_module.commonjsGlobal;
 /** Detect free variable `self`. */
 var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
@@ -1453,7 +1453,7 @@ var _createEmotion = createEmotion({
 }),
     css = _createEmotion.css;
-function i$1(){return (i$1=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r]);}return n}).apply(this,arguments)}function a$1(n,t){return t||(t=n.slice(0)),n.raw=t,n}var l,s,u,c$1=css(l||(l=a$1(['\n  width: 100vw;\n  height: 100vh;\n\n  .story-book-outer-div {\n    .story-div {\n      font-family: "Arial", sans-serif;\n      font-size: 12px;\n    }\n    padding-bottom: 500px;\n  }\n\n  .story-div {\n    position: fixed;\n    box-sizing: border-box;\n    top: 0;\n    width: 250px;\n    height: 100vh;\n    z-index: 999;\n    overflow-y: scroll;\n    background: white;\n    margin-bottom: 32px;\n  }\n\n  .header {\n    padding: 24px 0 16px 16px;\n    margin-bottom: 24px;\n    color: white;\n    background: #333;\n    cursor: pointer;\n\n    h2 {\n      letter-spacing: 3px;\n      font-weight: 400;\n    }\n  }\n\n  .parentStoryList {\n    list-style: none;\n    padding-left: 16px;\n\n    summary {\n      margin-bottom: 4px;\n    }\n  }\n  .parentStory {\n    cursor: pointer;\n  }\n  .parentStory.selected {\n    font-weight: bold;\n  }\n\n  .subStory {\n    font-size: 12px;\n    cursor: pointer;\n    line-height: 1.5em;\n    margin-top: 4px;\n\n    a {\n      display: block;\n      padding: 4px 4px 4px 16px;\n    }\n  }\n  .subStory:hover {\n    background-color: #eee;\n  }\n  .subStory.selected {\n    background-color: lightgreen;\n  }\n\n  .component {\n    padding: 24px 16px;\n  }\n\n  h4.group-header {\n    margin: 8px 0;\n    text-transform: uppercase;\n    font-weight: 600;\n    font-size: 14px;\n    color: #575757;\n  }\n\n  .group-wrapper {\n    margin-bottom: 24px;\n  }\n\n  .dynamic-display-wrapper {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    bottom: 0;\n    left: 100%;\n    padding: 16px;\n    z-index: 1000;\n    background: white;\n    transform: translateX(-100%);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n\n    & > :not(:first-child) {\n      margin-top: 12px;\n    }\n\n    p {\n      font-size: 12px;\n      margin: 0;\n      padding: 0;\n    }\n\n    .button-wrapper {\n      display: flex;\n\n      & > :not(:first-child) {\n        margin-left: 12px;\n      }\n    }\n\n    & button {\n      border: 1px solid #eaeaea;\n      background: white;\n      border-radius: 4px;\n      color: #777;\n      padding: 4px 12px;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n\n      &.active {\n        background: #555;\n        border-color: #555;\n        color: white;\n      }\n    }\n  }\n'])));function d$1(n,t){var o,r=t.story.title.split("/"),e=r[1]?r[0]:"_";return i$1({},n,((o={})[e]=[].concat(n[e]||[],[{story:i$1({},t.story,{title:r[1]||r[0]}),subs:t.subs}]).sort(function(n,t){return n.story.title.localeCompare(t.story.title)}),o))}function p$1(n){return {story:n.default,subs:function(n,t){if(null==n)return {};var o,r,e={},i=Object.keys(n);for(r=0;r<i.length;r++)t.indexOf(o=i[r])>=0||(e[o]=n[o]);return e}(n,["default"])}}function f(n,t){var o,r;if(n){var e=decodeURIComponent(n).split("-"),i=e[1],a=e[2],l=null==t||null==(o=t[e[0]])?void 0:o.find(function(n){return n.story.title===i}),s=null==l||null==(r=l.subs)?void 0:r[a],u={key:n,story:s,parent:null==l?void 0:l.story,label:null==s?void 0:s.name};return u.key&&u.story&&u.parent&&u.label?u:void 0}}function y$1(l,y){var m=y.h,g=void 0===m?index.h:m,b=y.title,x=void 0===b?"Stencilbook":b,h=y.homepage,v=void 0===h?g("h3",null,"Select a story!"):h,w=y.addons,k=void 0===w?[]:w,S=stencilHooks_module.useMemo(function(){return l.map(p$1).reduce(d$1,{_:[]})},l),C=decodeURIComponent(window.location.hash).replace("#",""),z=stencilHooks_module.useState(f(C,S)),O=z[0],j=z[1],I=null==O?void 0:O.key,R=stencilHooks_module.useState(!0),U=R[0],_=R[1],B=stencilHooks_module.useState(!1),L=B[0],T=B[1],q=function(){return g("div",{class:"dynamic-display-wrapper"},g("button",{class:L?"active":"",onClick:function(){return T(function(n){return !n})}},"Toggle Dark Background"),g("button",{class:U?"active":"",onClick:function(){return _(function(n){return !n})}},"Toggle Sidebar"))},A=css(s||(s=a$1(["\n    max-width: ",";\n    margin-left: ",";\n  "])),"1124px",U?"250px":"0px"),D=css(u||(u=a$1(["\n    display: none;\n  "])));document.body.style.backgroundColor=L?"#232323":"#fafafa";var N=function(n){var t=n.selected,o=k.reduce(function(n,o){return function(){return g(o,{story:i$1({},t)},g(n,null))}},null==t?void 0:t.story);return g(o,null)},P=function(){return g("div",{class:"story-book-outer-div"},g("div",{class:"story-div "+(U?"":D)},g("div",{class:"header",onClick:function(){j(void 0);}},g("h2",null,x)),g("ul",{class:"parentStoryList"},Object.keys(S).sort().map(function(n){return g("div",{class:"group-wrapper"},"_"!==n&&g("h4",{class:"group-header"},n),S[n].map(function(t){return g("li",{class:"parentStory"},g("details",{style:{marginBottom:"10px"}},g("summary",{style:{outline:"none"}},t.story.title),t.subs&&Object.keys(t.subs).map(function(o){var e=n+"-"+t.story.title+"-"+o,i=t.subs[o].storyName||lodash_startcase(o);return g("div",{class:"subStory "+(I===e?"selected":"")},g("a",{onClick:function(){return function(n){window.location.hash=encodeURIComponent(n),j(f(n,S));}(e)}},i))})))}))}))),g(q,null),g("div",{class:"component "+A},!I&&v,I&&g("div",null,g("h3",null,O.label),g(N,{selected:O}))))};return {class:c$1,children:g(P,null),View:P,selected:O}}
+function i$1(){return (i$1=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r]);}return n}).apply(this,arguments)}function a$1(n,t){return t||(t=n.slice(0)),n.raw=t,n}var l,s,u,c$1=css(l||(l=a$1(['\n  width: 100vw;\n  height: 100vh;\n\n  .story-book-outer-div {\n    .story-div {\n      font-family: "Arial", sans-serif;\n      font-size: 12px;\n    }\n    padding-bottom: 500px;\n  }\n\n  .story-div {\n    position: fixed;\n    box-sizing: border-box;\n    top: 0;\n    width: 250px;\n    height: 100vh;\n    z-index: 999;\n    overflow-y: scroll;\n    background: white;\n    margin-bottom: 32px;\n  }\n\n  .header {\n    padding: 24px 0 16px 16px;\n    margin-bottom: 24px;\n    color: white;\n    background: #333;\n    cursor: pointer;\n\n    h2 {\n      letter-spacing: 3px;\n      font-weight: 400;\n    }\n  }\n\n  .parentStoryList {\n    list-style: none;\n    padding-left: 16px;\n\n    summary {\n      margin-bottom: 4px;\n    }\n  }\n  .parentStory {\n    cursor: pointer;\n  }\n  .parentStory.selected {\n    font-weight: bold;\n  }\n\n  .subStory {\n    font-size: 12px;\n    cursor: pointer;\n    line-height: 1.5em;\n    margin-top: 4px;\n\n    a {\n      display: block;\n      padding: 4px 4px 4px 16px;\n    }\n  }\n  .subStory:hover {\n    background-color: #eee;\n  }\n  .subStory.selected {\n    background-color: lightgreen;\n  }\n\n  .component {\n    padding: 24px 16px;\n  }\n\n  h4.group-header {\n    margin: 8px 0;\n    text-transform: uppercase;\n    font-weight: 600;\n    font-size: 14px;\n    color: #575757;\n  }\n\n  .group-wrapper {\n    margin-bottom: 24px;\n  }\n\n  .dynamic-display-wrapper {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    bottom: 0;\n    left: 100%;\n    padding: 16px;\n    z-index: 1000;\n    background: white;\n    transform: translateX(-100%);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n\n    & > :not(:first-child) {\n      margin-top: 12px;\n    }\n\n    p {\n      font-size: 12px;\n      margin: 0;\n      padding: 0;\n    }\n\n    .button-wrapper {\n      display: flex;\n\n      & > :not(:first-child) {\n        margin-left: 12px;\n      }\n    }\n\n    & button {\n      border: 1px solid #eaeaea;\n      background: white;\n      border-radius: 4px;\n      color: #777;\n      padding: 4px 12px;\n      justify-content: center;\n      align-items: center;\n      text-align: center;\n\n      &.active {\n        background: #555;\n        border-color: #555;\n        color: white;\n      }\n    }\n  }\n'])));function d$1(n,t){var o,r=t.story.title.split("/"),e=r[1]?r[0]:"_";return i$1({},n,((o={})[e]=[].concat(n[e]||[],[{story:i$1({},t.story,{title:r[1]||r[0]}),subs:t.subs}]).sort(function(n,t){return n.story.title.localeCompare(t.story.title)}),o))}function p$1(n){return {story:n.default,subs:function(n,t){if(null==n)return {};var o,r,e={},i=Object.keys(n);for(r=0;r<i.length;r++)t.indexOf(o=i[r])>=0||(e[o]=n[o]);return e}(n,["default"])}}function f(n,t){var o,r;if(n){var e=decodeURIComponent(n).split("-"),i=e[1],a=e[2],l=null==t||null==(o=t[e[0]])?void 0:o.find(function(n){return n.story.title===i}),s=null==l||null==(r=l.subs)?void 0:r[a],u={key:n,story:s,parent:null==l?void 0:l.story,label:null==s?void 0:s.name};return u.key&&u.story&&u.parent&&u.label?u:void 0}}function y$1(l,y){var m=y.h,g=void 0===m?index.h:m,b=y.title,x=void 0===b?"Stencilbook":b,h=y.homepage,v=void 0===h?g("h3",null,"Select a story!"):h,w=y.addons,k=void 0===w?[]:w,S=domContextHooks_module.useMemo(function(){return l.map(p$1).reduce(d$1,{_:[]})},l),C=decodeURIComponent(window.location.hash).replace("#",""),z=domContextHooks_module.useState(f(C,S)),O=z[0],j=z[1],I=null==O?void 0:O.key,R=domContextHooks_module.useState(!0),U=R[0],_=R[1],B=domContextHooks_module.useState(!1),L=B[0],T=B[1],q=function(){return g("div",{class:"dynamic-display-wrapper"},g("button",{class:L?"active":"",onClick:function(){return T(function(n){return !n})}},"Toggle Dark Background"),g("button",{class:U?"active":"",onClick:function(){return _(function(n){return !n})}},"Toggle Sidebar"))},A=css(s||(s=a$1(["\n    max-width: ",";\n    margin-left: ",";\n  "])),"1124px",U?"250px":"0px"),D=css(u||(u=a$1(["\n    display: none;\n  "])));document.body.style.backgroundColor=L?"#232323":"#fafafa";var N=function(n){var t=n.selected,o=k.reduce(function(n,o){return function(){return g(o,{story:i$1({},t)},g(n,null))}},null==t?void 0:t.story);return g(o,null)},P=function(){return g("div",{class:"story-book-outer-div"},g("div",{class:"story-div "+(U?"":D)},g("div",{class:"header",onClick:function(){j(void 0);}},g("h2",null,x)),g("ul",{class:"parentStoryList"},Object.keys(S).sort().map(function(n){return g("div",{class:"group-wrapper"},"_"!==n&&g("h4",{class:"group-header"},n),S[n].map(function(t){return g("li",{class:"parentStory"},g("details",{style:{marginBottom:"10px"}},g("summary",{style:{outline:"none"}},t.story.title),t.subs&&Object.keys(t.subs).map(function(o){var e=n+"-"+t.story.title+"-"+o,i=t.subs[o].storyName||lodash_startcase(o);return g("div",{class:"subStory "+(I===e?"selected":"")},g("a",{onClick:function(){return function(n){window.location.hash=encodeURIComponent(n),j(f(n,S));}(e)}},i))})))}))}))),g(q,null),g("div",{class:"component "+A},!I&&v,I&&g("div",null,g("h3",null,O.label),g(N,{selected:O}))))};return {class:c$1,children:g(P,null),View:P,selected:O}}
 const NewPortal_stories = {
   title: "New Portal",
@@ -1831,7 +1831,7 @@ function DefaultTemplateView(props) {
     index.h("div", { innerHTML: states.previewTemplate })));
 }
-var marked = stencilHooks_module.createCommonjsModule(function (module, exports) {
+var marked = domContextHooks_module.createCommonjsModule(function (module, exports) {
 /**
  * marked - a markdown parser
  * Copyright (c) 2011-2021, Christopher Jeffrey. (MIT Licensed)
@@ -1845,7 +1845,7 @@ var marked = stencilHooks_module.createCommonjsModule(function (module, exports)
 (function (global, factory) {
    module.exports = factory() ;
-}(stencilHooks_module.commonjsGlobal, (function () {
+}(domContextHooks_module.commonjsGlobal, (function () {
   function _defineProperties(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor = props[i];
@@ -4817,8 +4817,8 @@ const PortalTemplates_stories = {
   title: "Templates / Microsite",
 };
 function useTemplate(templateString) {
-  const [editedTemplate, setEditedTemplate] = stencilHooks_module.useState(templateString);
-  const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
+  const [editedTemplate, setEditedTemplate] = domContextHooks_module.useState(templateString);
+  const [previewTemplate, setPreviewTemplate] = domContextHooks_module.useState(templateString);
   return {
     states: { previewTemplate, editedTemplate },
     callbacks: { setEditedTemplate, setPreviewTemplate },
@@ -4975,8 +4975,8 @@ const Widget_stories = {
 // show-powered-by="false"
 // powered-by-link="https://www.saasquatch.com/"
 function useTemplate$1(templateString) {
-  const [editedTemplate, setEditedTemplate] = stencilHooks_module.useState(templateString);
-  const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
+  const [editedTemplate, setEditedTemplate] = domContextHooks_module.useState(templateString);
+  const [previewTemplate, setPreviewTemplate] = domContextHooks_module.useState(templateString);
   return {
     states: { previewTemplate, editedTemplate },
     callbacks: { setEditedTemplate, setPreviewTemplate },
@@ -5210,7 +5210,7 @@ function setupGraphQL() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -5235,7 +5235,7 @@ const View = (statType, format, label) => {
     index.h("sqm-big-stat", { "stat-type": statType }, label)));
 };
 const DemoView = () => {
-  const [type, setType] = stencilHooks_module.useState("/someRandomThing/with/someArguments/1234");
+  const [type, setType] = domContextHooks_module.useState("/someRandomThing/with/someArguments/1234");
   const { props, label } = ShadowViewAddon.useDemoBigStat({
     statType: type,
     render: () => { },
@@ -5855,7 +5855,7 @@ function setupGraphQL$1() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -6188,7 +6188,7 @@ function setupGraphQL$2() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -6312,7 +6312,7 @@ function setupGraphQL$3() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -6901,7 +6901,7 @@ function setupGraphQL$4() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -7174,7 +7174,7 @@ function setupGraphQL$5() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -7943,7 +7943,7 @@ function setupGraphQL$6() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -7966,7 +7966,7 @@ function setupOtherGraphQL() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -11731,7 +11731,7 @@ function setupGraphQL$8() {
     tenantAlias: "test_a8b41jotf8a1v",
     appDomain: "https://staging.referralsaasquatch.com",
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -11752,7 +11752,7 @@ function setupGraphQLKlip({ token, id }) {
     tenantAlias: "test_a74miwdpofztj",
     appDomain: "https://staging.referralsaasquatch.com",
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -11911,7 +11911,7 @@ function setupGraphQL$9() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -11926,8 +11926,8 @@ function setupGraphQL$9() {
 }
 function useExchangeButton() {
   const { id, accountId } = setupGraphQL$9();
-  const [points, setPoints] = stencilHooks_module.useState(10);
-  const [rate, setRate] = stencilHooks_module.useState(100);
+  const [points, setPoints] = domContextHooks_module.useState(10);
+  const [rate, setRate] = domContextHooks_module.useState(100);
   const [exchange, { data, errors }] = index_module.Xe(EXCHANGE);
   return {
     states: {
@@ -12698,7 +12698,7 @@ function setupGraphQL$a() {
     tenantAlias: "test_a8b41jotf8a1v",
     appDomain: "https://staging.referralsaasquatch.com",
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -12719,7 +12719,7 @@ function setupGraphQLKlip$1({ token, id }) {
     tenantAlias: "test_a74miwdpofztj",
     appDomain: "https://staging.referralsaasquatch.com",
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -12912,8 +12912,8 @@ const Styling = createHookStory(() => {
       </template>` }))));
 });
 function useTemplate$2(templateString) {
-  const [editedTemplate, setEditedTemplate] = stencilHooks_module.useState(templateString);
-  const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
+  const [editedTemplate, setEditedTemplate] = domContextHooks_module.useState(templateString);
+  const [previewTemplate, setPreviewTemplate] = domContextHooks_module.useState(templateString);
   function setPath(e) {
     //@ts-ignore
     index_module.jn.push(e.target.value);
@@ -13267,7 +13267,7 @@ function setupGraphQL$b() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -13488,7 +13488,7 @@ function setupGraphQL$c() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -14637,7 +14637,7 @@ function setupGraphQL$d() {
     appDomain: "https://staging.referralsaasquatch.com",
     programId,
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     index_module.setUserIdentity({
       accountId,
       id,
@@ -19878,7 +19878,7 @@ const StencilStorybook = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -19887,8 +19887,8 @@ const StencilStorybook = class {
       title: "Mint Components",
       addons: [HookStoryAddon, ShadowViewAddon.ShadowViewAddon, CucumberAddon],
     });
-    const [selectedTheme, setSelected] = stencilHooks_module.useState("Default");
-    const [checkerboard, setCheckerboard] = stencilHooks_module.useState(true);
+    const [selectedTheme, setSelected] = domContextHooks_module.useState("Default");
+    const [checkerboard, setCheckerboard] = domContextHooks_module.useState(true);
     return (index.h(index.Host, { class: Style, onClick: {} }, index.h("sqm-brand-selector", null), children));
   }
 };

package/dist/cjs/sqm-tab.cjs.entry.js CHANGED Viewed

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-require('./index.module-39955732.js');
-const reRender = require('./re-render-28fed959.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+require('./index.module-4f54e412.js');
+const reRender = require('./re-render-d516138a.js');
 const TabView = ({}, children) => {
   return index.h(index.Host, null, children);
@@ -14,7 +14,7 @@ const TabView = ({}, children) => {
 const Tab = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-tabs.cjs.entry.js CHANGED Viewed

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const utils = require('./utils-6847bc06.js');
-const reRender = require('./re-render-28fed959.js');
-const useChildElements = require('./useChildElements-e5fa605c.js');
+const reRender = require('./re-render-d516138a.js');
+const useChildElements = require('./useChildElements-966c9041.js');
 const TabsView = ({ content, placement, textColor = "var(--sqm-text)", }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.
@@ -55,7 +55,7 @@ function useTabs() {
   const rawTabs = useChildElements.useChildElements();
   const host = index_module._();
   const tick = reRender.useRerenderListener();
-  const tabs = stencilHooks_module.useMemo(() => rawTabs
+  const tabs = domContextHooks_module.useMemo(() => rawTabs
     .filter((tab) => tab.tagName === "SQM-TAB" || tab.tagName === "RAISINS-PLOP-TARGET")
     .map((tab, i) => {
     if (tab.tagName === "RAISINS-PLOP-TARGET") {
@@ -72,7 +72,7 @@ function useTabs() {
     tab.setAttribute("id", "tab-" + i);
     return tab;
   }), [rawTabs, tick]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const listener = (e) => {
       var _a;
       const target = e.target;
@@ -98,7 +98,7 @@ function useTabs() {
 const Tabs = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-tax-and-cash.cjs.entry.js CHANGED Viewed

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-require('./global-6d0d196d.js');
-const index_module = require('./index.module-39955732.js');
+require('./global-f14cf663.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils$1 = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const ErrorView = require('./ErrorView-5504c2b6.js');
-const utils = require('./utils-0b09e2cb.js');
+const utils = require('./utils-001551de.js');
 const extractProps = require('./extractProps-e9c55ba8.js');
-const data = require('./data-68a42a7b.js');
+const data = require('./data-d4339c2e.js');
 function getCurrentStep(user) {
   var _a, _b;
@@ -96,7 +96,7 @@ function useTaxAndCash() {
       locale,
     },
   });
-  const supportedCurrencies = stencilHooks_module.useMemo(() => {
+  const supportedCurrencies = domContextHooks_module.useMemo(() => {
     var _a, _b;
     // Filter out any currencies not supported by finance network settings
     const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
@@ -120,9 +120,9 @@ function useTaxAndCash() {
   const sortByName = (a, b) => a.displayName < b.displayName ? -1 : 1;
   const paymentOptions = (_d = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _d === void 0 ? void 0 : _d.data;
   // filter out any duplicate countries and null countryCode
-  const availableCountries = stencilHooks_module.useMemo(() => new Set(paymentOptions === null || paymentOptions === void 0 ? void 0 : paymentOptions.map((option) => option.countryCode).filter((value) => value)), [paymentOptions]);
+  const availableCountries = domContextHooks_module.useMemo(() => new Set(paymentOptions === null || paymentOptions === void 0 ? void 0 : paymentOptions.map((option) => option.countryCode).filter((value) => value)), [paymentOptions]);
   const _topCountries = ["CA", "GB", "US"];
-  const sortedCountries = stencilHooks_module.useMemo(() => Array.from(availableCountries)
+  const sortedCountries = domContextHooks_module.useMemo(() => Array.from(availableCountries)
     .map((countryCode) => utils.getCountryObj({ countryCode, locale: intlLocale }))
     .sort(sortByName)
     .reduce((prev, countryObj) => {
@@ -130,15 +130,15 @@ function useTaxAndCash() {
       return [countryObj, ...prev];
     return [...prev, countryObj];
   }, []), [availableCountries]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (sortedCountries)
       setSortedCountriesContext(sortedCountries);
   }, [sortedCountries]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (supportedCurrencies)
       setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (errors) {
       setStep("/error");
       return;
@@ -1179,7 +1179,7 @@ const TaxAndCashMonolith = class {
      * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"] }
      */
     this.stateController = "{}";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   // this field is required prop

package/dist/cjs/sqm-text-span.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
@@ -11,7 +11,7 @@ const TextSpan = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   componentWillLoad() { }

package/dist/cjs/sqm-widget-verification-controller.cjs.entry.js CHANGED Viewed

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const keys = require('./keys-cff24974.js');
-const debug = stencilHooks_module.browser("sq:widget-verification");
+const debug = domContextHooks_module.browser("sq:widget-verification");
 function useTemplateChildren({ parent, callback }) {
   const parentObserver = new MutationObserver(listenForTemplateChanges);
   const childTemplateObserver = new MutationObserver(callback);
@@ -42,7 +42,7 @@ const WidgetVerificationController = class {
      * @componentState { "title": "Verified", "slot": "verified", "props": { "isAuth": true } }
      */
     this.stateController = "{}";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -53,8 +53,8 @@ const WidgetVerificationController = class {
     });
     const props = JSON.parse(this.stateController);
     const demoIsAuth = index_module.isDemo() && ((_a = props["sqm-widget-verification-controller"]) === null || _a === void 0 ? void 0 : _a.isAuth);
-    const [container, setContainer] = stencilHooks_module.useState(undefined);
-    const [slot, setSlot] = stencilHooks_module.useState(undefined);
+    const [container, setContainer] = domContextHooks_module.useState(undefined);
+    const [slot, setSlot] = domContextHooks_module.useState(undefined);
     const updateTemplates = index_module.useCallback(() => {
       const isAuth = demoIsAuth || context;
       const templates = slot.querySelectorAll(`template`);
@@ -105,7 +105,7 @@ const WidgetVerificationController = class {
         });
       }
     }, [container, slot, context, demoIsAuth]);
-    stencilHooks_module.useEffect(() => {
+    domContextHooks_module.useEffect(() => {
       if (!container || !slot) {
         debug("DOM not ready:");
         return;

package/dist/cjs/sqm-widget-verification.cjs.entry.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const extractProps = require('./extractProps-e9c55ba8.js');
@@ -37,9 +37,9 @@ function useWidgetVerification() {
     initialValue: userIdentity === null || userIdentity === void 0 ? void 0 : userIdentity.email,
   });
   const setContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
-  const [loading, setLoading] = stencilHooks_module.useState(true);
+  const [loading, setLoading] = domContextHooks_module.useState(true);
   const [fetch] = index_module.Xe(USER_LOOKUP);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const checkUser = async () => {
       var _a, _b, _c;
       try {
@@ -169,7 +169,7 @@ const WidgetVerification = class {
      * @componentState { "title": "Code Step", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"] }
      */
     this.stateController = "{}";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getStepTextProps(prefix) {

package/dist/cjs/{useChildElements-e5fa605c.js → useChildElements-966c9041.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 'use strict';
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 function useChildElements() {
   const host = index_module._();
   const initialState = host.children.length
     ? Array.from(host.children)
     : [];
-  const [childElements, setChildElements] = stencilHooks_module.useState(initialState);
+  const [childElements, setChildElements] = domContextHooks_module.useState(initialState);
   let observer;
   // Create observer once
-  stencilHooks_module.useMemo(() => {
+  domContextHooks_module.useMemo(() => {
     observer = new MutationObserver(() => {
       const children = Array.from(host.children);
       setChildElements([...children]);
     });
   }, []);
   // Listen to host and observe / disconnect
-  stencilHooks_module.useMemo(() => {
+  domContextHooks_module.useMemo(() => {
     if (!observer)
       return;
     observer.observe(host, { childList: true });

package/dist/cjs/{useInstantAccessRegistration-86b7164c.js → useInstantAccessRegistration-08bcb487.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const useRegistrationFormState = require('./useRegistrationFormState-5f44ca80.js');
+const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
 function useInstantAccessRegistration(props) {
   const locale = index_module.L();
@@ -11,7 +11,7 @@ function useInstantAccessRegistration(props) {
   const cookies = cookie === null || cookie === void 0 ? void 0 : cookie.get("_saasquatch");
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState();
   const [request, { loading, errors, data }] = index_module.vn();
-  const [error, setError] = stencilHooks_module.useState("");
+  const [error, setError] = domContextHooks_module.useState("");
   const submit = async (event) => {
     var _a;
     setError("");

package/dist/cjs/{usePayoutStatus-3cca69e5.js → usePayoutStatus-3b34dab1.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const TAX_FORM_UPDATED_EVENT_KEY = "sqm:tax-form-updated";
@@ -1009,14 +1009,14 @@ function usePayoutStatus(props) {
   const { type } = index_module.getEnvironmentSDK();
   const { loading, data, errors, refetch } = index_module.wn(GET_USER_STATUS, {});
   const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
-  const [status, setStatus] = stencilHooks_module.useState(undefined);
-  stencilHooks_module.useEffect(() => {
+  const [status, setStatus] = domContextHooks_module.useState(undefined);
+  domContextHooks_module.useEffect(() => {
     if (!data)
       return;
     const s = getStatus(data);
     setStatus(s);
   }, [data]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const cb = () => refetch();
     window.addEventListener(TAX_FORM_UPDATED_EVENT_KEY, cb);
     window.addEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);